/* v45: Pages-inspired chrome, one toolbar outside the document. */
#pagesToolbar{display:none}
body.sh-hefter-editor:not(.dashboard-mode):not(.sh-page-open) #pagesToolbar{display:block;flex:0 0 auto;min-width:0;z-index:45;background:color-mix(in srgb,var(--ui-card) 94%,transparent);color:var(--ui-text);border-bottom:1px solid var(--ui-line);backdrop-filter:blur(22px);font-family:'Segoe UI',Arial,sans-serif}
body.sh-hefter-editor .topbar,body.sh-hefter-editor .sh-writebar,body.sh-hefter-editor #hefterInspector,body.sh-hefter-editor .subbar{display:none!important}
body.sh-hefter-editor .workspace{display:block!important;background:var(--ui-bg)!important;padding:32px clamp(16px,4vw,64px) 60px!important;min-height:0;flex:1;overflow:auto!important}
body.sh-hefter-editor .paper{width:100%!important;max-width:var(--paper-max-width,980px)!important;margin:0 auto!important;min-height:1000px!important;padding:clamp(30px,5vw,72px)!important;border:1px solid var(--ui-line)!important;border-radius:5px!important;box-shadow:0 10px 38px #19223c0b!important}
body.sh-hefter-editor .editor{border:0!important;border-radius:0!important;min-height:800px;outline:none!important;box-shadow:none!important}
body.sh-hefter-editor .paper.writebar-attached{padding-top:clamp(30px,5vw,72px)!important}
body.sh-hefter-editor .split-pane[hidden]{display:none!important}
body.sh-hefter-editor .workspace.split-view{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px}
body.sh-hefter-editor .doc-tabstrip{min-height:33px;padding:3px 14px;background:var(--ui-soft)!important;border:0;border-bottom:1px solid var(--ui-line);order:0}
body.sh-hefter-editor .doc-tab{font-size:11px;border-radius:7px;padding:5px 9px}
body.sh-hefter-editor .dashboard-back{display:none!important}
#pagesToolbar *{box-sizing:border-box}
#pagesToolbar .pg-titlebar{height:61px;display:flex;align-items:center;gap:16px;padding:8px 20px}
#pagesToolbar .pg-title{min-width:0;flex:1;text-align:center}
#pagesToolbar .pg-title b{font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}
#pagesToolbar .pg-title small{display:block;font-size:10px;color:var(--ui-muted);margin-top:3px}
#pagesToolbar .pg-actions{display:flex;gap:5px;align-items:center}
#pagesToolbar button{background:transparent;color:var(--ui-text);border:1px solid transparent;border-radius:8px;cursor:pointer;font:inherit;font-size:12px;min-height:32px;white-space:nowrap;padding:6px 9px}
#pagesToolbar button:hover{background:var(--ui-soft);border-color:var(--ui-line)}
#pagesToolbar button[aria-pressed=true],#pagesToolbar button[aria-selected=true]{background:var(--ui-accent-soft)!important;color:var(--ui-accent-ink)!important}
#pagesToolbar button.pg-icon{font-size:19px;min-width:33px;line-height:1}
#pagesToolbar button.pg-save{color:var(--ui-accent-ink);background:var(--ui-accent-soft)}
#pagesToolbar button:disabled{opacity:.4;cursor:default}
#pagesToolbar .pg-tabs{display:flex;align-items:center;gap:3px;padding:0 20px 7px;border-bottom:1px solid var(--ui-line)}
#pagesToolbar .pg-tabs button{padding:5px 17px;min-height:29px;font-size:12px}
#pagesToolbar .pg-count{margin-left:auto;font-size:11px;color:var(--ui-muted);white-space:nowrap}
#pagesToolbar .pg-panel{display:none;align-items:stretch;gap:0;padding:10px 14px 9px;min-height:87px;overflow-x:auto;scrollbar-width:thin}
#pagesToolbar .pg-panel.active{display:flex}
#pagesToolbar .pg-group{display:flex;flex-direction:column;justify-content:center;flex-shrink:0;gap:6px;padding:0 12px;border-right:1px solid var(--ui-line)}
#pagesToolbar .pg-group:last-child{border:0}
#pagesToolbar .pg-controls{display:flex;gap:4px;align-items:center;min-height:33px}
#pagesToolbar .pg-group>small{color:var(--ui-muted);font-size:10px;text-align:center;line-height:1.2}
#pagesToolbar :is(select,input[type=number]){height:33px;min-height:33px!important;padding:5px 8px!important;font-size:12px;border-radius:7px!important;background:var(--ui-card)!important;border:1px solid var(--ui-line)!important;color:var(--ui-text)!important}
#pagesToolbar select{max-width:158px}
#pagesToolbar #pgSize{width:59px}
#pagesToolbar label.pg-color{display:flex;align-items:center;gap:6px;padding:4px 7px;border:1px solid var(--ui-line);border-radius:7px;font-size:12px;height:33px;background:var(--ui-card)}
#pagesToolbar input[type=color]{padding:0;width:22px;height:22px;border:0;background:none;cursor:pointer}
#pagesToolbar .pg-format{font-size:16px;padding:4px 9px;min-width:31px}
#pagesToolbar .pg-tool{display:flex;align-items:center;gap:6px}
#pagesToolbar .pg-tool span{font-size:17px;color:var(--ui-accent-ink)}
#pagesToolbar .pg-mobile-name{display:none}
body.pg-focus .sidebar,body.pg-focus .sh-hefter-nav-pane{display:none!important}
body.pg-focus .main{width:100%!important;margin-left:0!important}
body.pg-focus #pagesToolbar{display:block!important}
body.pg-focus #docTabStrip{display:none!important}
body.sh-hefter-editor.pg-width-wide .paper{max-width:1160px!important}
body.sh-hefter-editor.pg-width-page .paper{max-width:794px!important}
@media(max-width:1050px){#pagesToolbar .pg-titlebar{padding:8px 12px;gap:7px}#pagesToolbar .pg-action-label{display:none}#pagesToolbar .pg-group{padding:0 9px}body.sh-hefter-editor .workspace{padding:22px 18px 40px!important}}
@media(max-width:700px){#pagesToolbar .pg-titlebar{height:54px;padding:7px;gap:4px}#pagesToolbar .pg-title{min-width:50px;text-align:left}#pagesToolbar .pg-title small{font-size:9px}#pagesToolbar .pg-title b{font-size:12px}#pagesToolbar .pg-actions{gap:1px}#pagesToolbar .pg-titlebar button{padding:5px;min-width:28px}#pagesToolbar .pg-print,#pagesToolbar .pg-undo-top{display:none}#pagesToolbar .pg-tabs{padding:0 7px 6px;gap:1px}#pagesToolbar .pg-tabs button{padding:5px 10px;font-size:11px}#pagesToolbar .pg-count{display:none}#pagesToolbar .pg-panel{padding:8px 3px;min-height:80px}body.sh-hefter-editor .workspace{padding:14px 9px 30px!important}body.sh-hefter-editor .paper{padding:25px 20px!important;min-height:850px!important}body.sh-hefter-editor .paper.writebar-attached{padding-top:25px!important}body.sh-hefter-editor .workspace.split-view{grid-template-columns:1fr!important}}
@media print{#pagesToolbar,.doc-tabstrip,.sh-writebar,#hefterInspector{display:none!important}body.sh-hefter-editor .paper{box-shadow:none!important;border:0!important;padding:0!important;max-width:none!important}}
/* Sidebar has a single width contract for app layout and page overlays. */
body.sh-v44:not(.pg-focus):not(.sidebar-disabled) #sidebar{display:flex!important;position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;transform:none!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;width:var(--sidebar)!important;min-width:var(--sidebar)!important;max-width:var(--sidebar)!important;flex:0 0 var(--sidebar)!important;height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;border-right:1px solid var(--ui-line)!important}
body.sh-v44 #sidebar .sd-side-nav{min-height:0;max-height:none!important;flex:1 1 auto;overflow-y:auto!important;overflow-x:hidden}
body.sh-v44 #sidebar .sd-side-account{flex:0 0 auto;margin-top:auto}
body.sh-v44.pg-sidebar-rail #sidebar .brand{font-size:0!important;gap:0!important;justify-content:center!important;padding:12px 5px!important}
body.sh-v44.pg-sidebar-rail #sidebar .brand .logo{font-size:14px!important;flex:0 0 34px}
body.sh-v44.pg-sidebar-rail #sidebar .sd-side-nav{padding:8px 5px!important}
body.sh-v44.pg-sidebar-rail #sidebar .sd-side-nav button{justify-content:center!important;padding:10px 4px!important;gap:0!important}
body.sh-v44.pg-sidebar-rail #sidebar .sd-side-nav button>span:not(.sd-nav-icon),body.sh-v44.pg-sidebar-rail #sidebar .sd-side-section{display:none!important}
body.sh-v44.pg-sidebar-rail #sidebar .sd-side-account{display:none!important}
body.sh-v44.sidebar-disabled #sidebar,body.sh-v44.pg-focus #sidebar{display:none!important;width:0!important;min-width:0!important;max-width:0!important;flex-basis:0!important}
#pgSidebarRestore{display:none;position:fixed;top:12px;left:10px;z-index:12000;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-card);color:var(--ui-accent-ink);padding:10px;cursor:pointer;box-shadow:var(--ui-shadow)}
body.sidebar-disabled:not(.pg-focus) #pgSidebarRestore{display:block}
body.pg-focus #pagesToolbar{margin-left:0!important}
body.sh-hefter-editor.pg-hide-folders .sh-hefter-nav-pane{display:none!important}
@media(min-width:951px){body.sh-hefter-editor.pg-hide-folders .main{margin-left:0!important}}
