/* Accepted Folio visual world on the actual desktop/web workspace. */
:root[data-theme=dark]{--bg:#202126;--panel:#292a30;--surface:#292a30;--raised:#33343b;--line:#474851;--text:#f0f0f3;--muted:#b8bac4;--hover:#383940;--code:#191a1e;--table-header:#33343b}
:root[data-theme=light]{--bg:#f3f3f6;--panel:#fff;--surface:#f6f6f9;--raised:#e7e7ec;--line:#ceced6;--text:#202126;--muted:#5a5c68;--hover:#e7e7ec;--code:#e9e9ef;--table-header:#e7e7ec}
body.folio-app{background:var(--bg)}.folio-app .app-header{display:flex;flex-wrap:wrap;height:auto;min-height:120px;padding:18px 32px 0;gap:12px;align-content:flex-start;background:var(--bg);border-bottom:1px solid var(--line)}.folio-app .app-header .brand-mark{width:28px;height:34px;object-fit:contain}.folio-app .app-header strong{min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:calc(13px * var(--ui-scale,1));font-weight:650;letter-spacing:.015em}.folio-app #identity,.folio-app #document-context{display:none}.folio-app #folio-account{margin-left:auto;border:0;background:transparent;color:var(--muted);padding:8px 10px;max-width:38%;overflow-wrap:anywhere;font-size:calc(12px * var(--ui-scale,1))}.folio-app #folio-account.login-highlight{color:var(--accent)}.folio-app .app-menu-button{padding:7px;min-width:36px;min-height:38px}.folio-nav{order:20;flex:1 1 100%;min-width:0;max-width:100%;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:30px;min-height:48px;margin-top:4px}.folio-nav button{position:relative;max-width:100%;white-space:normal;overflow-wrap:anywhere;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:11px 3px;min-height:46px;color:var(--muted);font-size:calc(13px * var(--ui-scale,1));transition:color .16s,background-color .16s,border-color .16s}.folio-nav button:hover{color:var(--text);background:transparent}.folio-nav button[aria-current=page]{color:var(--text);border-color:var(--accent);font-weight:650}.folio-nav button:disabled{background:transparent;border-color:transparent;color:var(--muted)}.folio-nav [hidden]{display:none!important}
.folio-app .scenario-window{background:var(--bg);color:var(--text)}.folio-app .scenario-window-header{max-width:1180px;width:100%;margin-inline:auto;padding:16px 38px 10px;min-height:45px;border:0;background:transparent;gap:20px}.folio-app .scenario-window-title{font-weight:500;font-size:calc(13px * var(--ui-scale,1));color:var(--muted)}.folio-app .scenario-window-status{max-width:55%;font-size:calc(11px * var(--ui-scale,1))}.folio-app .scenario-window[data-screen=library] .scenario-window-header{display:none}.folio-app .scenario-workspace-library{max-width:1180px;width:100%;margin-inline:auto;padding:36px 38px 70px}.scenario-library-heading{font:400 calc(36px * var(--ui-scale,1))/1.25 'KV Noto Serif',serif;letter-spacing:-.025em;margin:0 0 26px}.folio-app .scenario-library-toolbar{padding:0 0 18px;gap:10px;border-bottom:0;align-items:center}.folio-app .scenario-library-toolbar input{min-height:43px;flex:1 1 250px;max-width:420px}.folio-app .scenario-library-toolbar select{min-height:43px}.folio-app .scenario-library-toolbar button{min-height:42px}.folio-app .scenario-library-status{padding:7px 0 22px;color:var(--muted)}.folio-app .scenario-library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.folio-app .scenario-library-card{display:grid;grid-template-rows:subgrid;grid-row:span 4;gap:15px;padding:24px;margin:0;border:1px solid var(--line);border-radius:12px;min-width:0;background:var(--panel);transition:border-color .18s,background-color .18s}.folio-app .scenario-library-card.has-scenario-color{background:color-mix(in srgb,var(--scenario-color) 9%,var(--panel));border-top-color:var(--scenario-color)}.scenario-card-heading{min-width:0}.scenario-card-heading h3{margin:0}.folio-app .scenario-card-title{display:block;width:100%;min-height:0;padding:0;margin:0;border:0;background:transparent!important;color:var(--text);font:500 calc(21px * var(--ui-scale,1))/1.5 'KV Noto Serif',serif;text-align:left;white-space:normal;overflow-wrap:anywhere;transform-origin:left center;transition:transform 220ms cubic-bezier(.2,0,0,1),color 160ms}.scenario-card-title:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.scenario-series{display:block;font-size:calc(11px * var(--ui-scale,1));color:var(--muted);margin-top:7px}.folio-app .scenario-library-tags{align-content:flex-start;align-self:start;margin:0;min-width:0}.folio-app .scenario-library-tags .badge{font-size:calc(11px * var(--ui-scale,1));padding:3px 8px;border-radius:6px;background:var(--raised);color:var(--text)}.scenario-audit{display:grid;gap:7px;margin:0;align-content:start;font-size:calc(11px * var(--ui-scale,1));line-height:1.6;font-variant-numeric:tabular-nums;min-width:0}.scenario-audit>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px}.scenario-audit dt,.scenario-audit dd{margin:0;overflow-wrap:anywhere;min-width:0}.scenario-audit dt{color:var(--muted)}.scenario-audit dd{color:var(--text)}.folio-app .scenario-library-actions{align-self:end;align-items:center;gap:5px;min-width:0}.folio-app .scenario-library-actions button{min-height:36px;padding:6px 8px;font-size:calc(11px * var(--ui-scale,1));background:transparent;border:1px solid var(--line);white-space:normal;overflow-wrap:anywhere}.folio-app .scenario-library-actions [data-scenario-library=delete]{margin-left:0;color:var(--danger)}.folio-app .scenario-library-empty,.folio-app .scenario-library-list>[data-scenario-library=more]{grid-column:1 / -1}.folio-app .scenario-library-card:hover{border-color:color-mix(in srgb,var(--accent) 65%,var(--line))}
@media(hover:hover) and (pointer:fine){.scenario-library-card:hover .scenario-card-title{transform:scale(1.035)}}.scenario-card-title:focus-visible{transform:scale(1.025)}
.folio-app [data-scenario-editor-host]{max-width:1180px;margin-inline:auto;width:100%;min-height:0;display:flex;flex:1}.folio-app .scenario-document{background:var(--bg)}.folio-app .scenario-edit-tools,.folio-app .scenario-read-tools{padding:9px 20px;background:var(--bg);gap:5px;justify-content:center}.folio-app .scenario-document-mount{max-width:820px;width:100%;padding:28px 42px 90px;margin-inline:auto}.folio-app .scenario-document .ProseMirror{line-height:1.85}.folio-app .scenario-document .ProseMirror h1{font-size:2.3em;letter-spacing:-.025em;font-weight:550;margin:.25em 0 .8em}.folio-app .scenario-document .ProseMirror h2{font-size:1.4em;letter-spacing:-.015em;margin:1.65em 0 .65em}.folio-app .scenario-document .ProseMirror p{margin:.75em 0}.folio-app .scenario-document .ProseMirror blockquote{border-left-width:1px}.folio-app .scenario-document .ProseMirror:focus-visible{outline:none}.folio-app .scenario-boundary-preview{box-shadow:none;background:var(--accent)}.folio-app .scenario-workspace-panel{max-width:1180px;width:100%;margin-inline:auto;background:var(--bg);padding:28px 38px}.folio-app #login-screen{inset:auto 0 0;top:var(--status-header-bottom,0px);background:var(--bg)}.folio-app .login-form h2{font-family:'KV Noto Serif',serif;font-weight:400}.folio-app .login-form{padding:24px 0}.folio-app .login-form .login-logo{margin-inline:auto;display:block}.folio-app .login-form input{background:var(--panel)}.folio-app .kv-comments{border-radius:12px}.scenario-color-dialog{width:min(440px,calc(100vw - 32px));padding:26px}.scenario-color-dialog form{display:grid;gap:14px}.scenario-color-dialog label{margin:0;display:grid;gap:8px}.scenario-color-dialog input[type=color]{width:100%;height:90px;padding:6px;cursor:pointer}.scenario-color-dialog input[type=text]{font-family:Consolas,monospace;min-height:44px}.scenario-color-dialog p{font-size:calc(13px * var(--ui-scale,1));line-height:1.7;color:var(--muted);margin:0}.scenario-color-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.scenario-color-dialog output{min-height:1em}.folio-app #app-status{border-radius:0 8px 0 0;max-width:min(650px,95vw);font-size:calc(11px * var(--ui-scale,1));padding:4px 10px}
@media(max-width:1000px){.folio-app .scenario-library-list{gap:16px}.folio-app .scenario-library-card{padding:20px}.folio-app .scenario-workspace-library{padding-inline:24px}.scenario-audit>div{grid-template-columns:95px minmax(0,1fr)}}
@media(max-width:650px){.folio-app .app-header{min-height:112px;padding:12px 16px 0;gap:8px}.folio-app .app-header strong{font-size:calc(11px * var(--ui-scale,1));flex:1}.folio-app .app-header .brand-mark{width:23px;height:29px}.folio-app #folio-account{font-size:calc(11px * var(--ui-scale,1));max-width:30%;margin-left:0;padding-inline:5px}.folio-nav{gap:0 18px;min-height:46px;margin-top:2px}.folio-nav button{font-size:calc(12px * var(--ui-scale,1));padding-inline:0;min-height:44px}.folio-app .scenario-window-header{padding:12px 18px 7px;gap:12px}.folio-app .scenario-window-status{font-size:calc(10px * var(--ui-scale,1))}.folio-app .scenario-workspace-library{padding:26px 18px 55px}.scenario-library-heading{font-size:calc(30px * var(--ui-scale,1));margin-bottom:22px}.folio-app .scenario-library-list{grid-template-columns:1fr}.folio-app .scenario-library-card{padding:22px 20px;gap:14px}.folio-app .scenario-card-title{font-size:calc(21px * var(--ui-scale,1))}.folio-app .scenario-library-toolbar input{max-width:none;flex-basis:100%}.folio-app .scenario-library-toolbar select{max-width:100%;flex:1}.scenario-audit{font-size:calc(12px * var(--ui-scale,1))}.scenario-audit>div{grid-template-columns:110px minmax(0,1fr)}.folio-app .scenario-library-actions button{font-size:calc(11px * var(--ui-scale,1));min-height:40px}.folio-app .scenario-document-mount{padding:22px 20px 75px}.folio-app .scenario-document .ProseMirror h1{font-size:1.9em}.folio-app .scenario-document .ProseMirror h2{font-size:1.3em}.folio-app .scenario-edit-tools,.folio-app .scenario-read-tools{justify-content:flex-start;padding:7px 12px;gap:4px}.folio-app .scenario-edit-tools .scenario-toolbar-group{display:contents}.folio-app .scenario-edit-tools .scenario-tool-button{width:36px;min-height:40px;padding:7px;justify-content:center}.folio-app .scenario-edit-tools .scenario-tool-label{display:none}.folio-app .scenario-outline{max-width:45vw}.folio-app .scenario-workspace-panel{padding:22px 18px}.folio-app .kv-comments{inset-inline:8px;bottom:8px;border-radius:14px}.folio-app #login-screen{top:var(--status-header-bottom,0px)}.folio-app .login-form{padding-inline:4px}.folio-app #app-status{font-size:calc(10px * var(--ui-scale,1))}.scenario-color-dialog{padding:22px}}
@media(max-width:360px){.folio-nav{gap:12px}.folio-nav button{font-size:calc(11px * var(--ui-scale,1))}.scenario-audit>div{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scenario-card-title:focus-visible,.scenario-library-card:hover .scenario-card-title{transform:none!important}}

body.access-locked .folio-nav button:not(#folio-appearance){display:none!important}

/* Keep inherited application controls on the same interface-size scale. */
.folio-app .accent-list legend{font-size:calc(13px * var(--ui-scale,1))}
.folio-app .app-drawer #drawer-document,.folio-app .login-form .login-display-settings,.folio-app dialog pre{font-size:calc(12px * var(--ui-scale,1))}
@media(max-width:650px){.folio-app .scenario-file-tools button{font-size:calc(11px * var(--ui-scale,1))}}

.folio-app.comments-open .workspace{width:100%}
.folio-app .scenario-window .scenario-viewport:focus-visible{outline:none}

.scenario-share-dialog{width:min(560px,calc(100vw - 32px));padding:26px;max-height:calc(100dvh - 32px);overflow:auto}
.scenario-share-dialog h2{margin:0 0 8px;font-size:1.4rem}
.scenario-sharing-title{margin:0 0 24px;color:var(--muted);overflow-wrap:anywhere}
.scenario-share-form{display:grid;gap:14px;margin-bottom:24px}
.scenario-share-form label{display:grid;gap:8px;margin:0}
.scenario-share-form input[type=text]{width:100%;min-height:44px}
.scenario-share-form .scenario-sharing-checkbox{display:flex;align-items:center;gap:10px;min-height:44px}
.scenario-share-form p,.scenario-share-dialog>div>p{color:var(--muted);font-size:.9rem;line-height:1.6;margin:0}
.scenario-share-list{list-style:none;margin:0;padding:0}
.scenario-share-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--line)}
.scenario-share-list li>div{min-width:0;display:grid;gap:5px;overflow-wrap:anywhere}
.scenario-share-list small{color:var(--muted)}
.scenario-share-dialog button{min-height:44px;white-space:normal}
.scenario-share-dialog output{display:block;min-height:1.6em;margin:12px 0;color:var(--muted);overflow-wrap:anywhere}
.scenario-share-dialog>div>button{margin-top:14px}
@media(max-width:500px){.scenario-share-dialog{padding:22px}.scenario-share-list li{align-items:flex-start;flex-direction:column;gap:10px}}

.folder-sync-issue{overflow-wrap:anywhere;color:var(--warn)}
.folder-sync-skipped{margin-top:18px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:calc(12px * var(--ui-scale,1))}
.folder-sync-skipped>summary{min-height:44px;align-content:center;cursor:pointer;overflow-wrap:anywhere}
.folder-sync-skipped>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.folder-sync-skipped>p{margin:8px 0;line-height:1.6}
.folder-sync-skipped>ul{margin:10px 0 0;padding-inline-start:22px;max-height:180px;overflow:auto;overscroll-behavior:contain}
.folder-sync-skipped li{padding-block:3px;overflow-wrap:anywhere}

/* Keep dialog navigation outside the scrollable results, forms and history. */
.folio-app #cloud-dialog[open]{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;max-height:calc(100dvh - 32px);overflow:hidden}
.folio-app #cloud-dialog .dialog-close{position:static;float:none;grid-area:1 / 2;align-self:start;justify-self:end;min-height:44px;margin:0;background:var(--panel)}
.folio-app #cloud-dialog>h2{grid-area:1 / 1;align-self:center;min-width:0;margin:0;padding:0;overflow-wrap:anywhere}
.folio-app #cloud-content{grid-area:2 / 1 / 3 / 3;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.folio-app #cloud-status{grid-area:3 / 1 / 4 / 3;min-width:0;max-height:25dvh;margin:0;overflow:auto;overscroll-behavior:contain}

/* Keep the menu's identity and close action in reach while its sections scroll. */
.folio-app .app-drawer[open]{display:flex;flex-direction:column;overflow:hidden}
.folio-app .app-drawer .drawer-head,.folio-app .app-drawer #drawer-document{flex:none}
.folio-app .app-drawer>nav{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding-block:8px;padding-inline:4px;margin-inline:-4px}
.folio-app .drawer-head strong{min-width:0;overflow-wrap:anywhere}
.folio-app .drawer-head button{flex:none}
.folio-app #login-screen{justify-content:safe center}
.folio-app .login-form h2{text-align:center;overflow-wrap:anywhere}
.folio-app .kv-comments>p{flex:none}

@media(max-width:999px),(max-height:650px){
 .folio-app .kv-comments{overflow:auto;scroll-padding-block-start:calc(64px * var(--ui-scale,1))}
 .folio-app .kv-comments>header{position:sticky;top:0;z-index:2;background:var(--panel)}
}

@media(max-width:650px){
 .folio-app .app-menu-button,.folio-app #folio-account,.folio-app .drawer-head button{min-width:44px;min-height:44px}
 .folio-app .drawer-group>button,.folio-app .scenario-library-actions button{min-height:44px}
 .folio-app .scenario-edit-tools .scenario-tool-button{width:44px;min-width:44px;min-height:44px}
 .folio-app .kv-comments button{min-height:44px}
}

/* Isolated ergonomic revision: explicit action hierarchy, shared by desktop and web. */
.folio-app #cloud-dialog{width:min(760px,calc(100vw - 32px));padding:24px}
.folio-app #cloud-content{padding:2px 4px 12px 0;scroll-padding-block:16px}
.folio-app #cloud-content>p:first-child{max-width:65ch;color:var(--muted);margin:4px 0 22px;line-height:1.65}
.folio-app .cloud-tabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:16px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.folio-app .cloud-tabs button{flex:1 1 180px;min-height:44px;margin:0;border-radius:8px}
.folio-app .cloud-tabs button[aria-current=page]{border-color:var(--accent);background:var(--raised);color:var(--text)}
.folio-app .cloud-utilities{margin:0 0 28px;color:var(--muted)}
.folio-app .cloud-utilities>summary,.folio-app .cloud-technical>summary{min-height:44px;cursor:pointer;align-content:center;line-height:1.5;overflow-wrap:anywhere}
.folio-app .cloud-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.folio-app .cloud-actions>button{width:100%;margin:0;min-height:46px;text-align:left;line-height:1.45;white-space:normal;overflow-wrap:anywhere;padding:11px 14px}
.folio-app .cloud-actions>h4{grid-column:1/-1;font-size:1em;margin:8px 0 2px;font-weight:600}
.folio-app .cloud-primary-actions{display:block;margin:22px 0 28px}
.folio-app .cloud-primary-actions>button{width:auto;max-width:100%;text-align:center}
.folio-app .cloud-document-actions{padding-top:18px;border-top:1px solid var(--line)}
.folio-app .cloud-technical{margin:14px 0;color:var(--muted);font-size:.88em}
.folio-app .cloud-technical p{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;line-height:1.6}
.folio-app .cloud-state{color:var(--muted);margin:10px 0;line-height:1.6}
.folio-app #cloud-section>h3{margin:0 0 12px;line-height:1.4;overflow-wrap:anywhere}
.folio-app #cloud-section article{padding:20px 0;margin:0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;align-items:start}
.folio-app #cloud-section article>h3,.folio-app #cloud-section article>p,.folio-app #cloud-section article>small{flex:1 1 100%;margin:0;line-height:1.6;overflow-wrap:anywhere}
.folio-app #cloud-section article>button{flex:0 1 auto;margin:0;min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.folio-app #cloud-content form{display:grid;gap:16px;min-width:0}
.folio-app #cloud-content form label{margin:0;min-width:0;line-height:1.5}
.folio-app #cloud-content form input:not([type=checkbox]){min-height:44px;max-width:100%}
.folio-app #cloud-content form label:has(input[type=checkbox]){display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:12px;min-height:44px;cursor:pointer}
.folio-app #cloud-content form label:has(input[type=checkbox])>span{flex:1;min-width:0}
.folio-app #cloud-content form input[type=checkbox]{flex:none;appearance:auto;accent-color:var(--accent);width:22px;height:22px;min-width:22px;min-height:22px;margin:0}
.folio-app .account-role-options{display:grid;gap:8px;min-width:0;margin:0;padding:0;border:0}
.folio-app .account-role-options legend{padding:0;margin-bottom:10px;font-weight:600}
.folio-app #cloud-content .account-role-option{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:background-color 160ms ease-out,border-color 160ms ease-out}
.folio-app #cloud-content .account-role-option:has(input:checked){border-color:var(--accent);background:var(--raised)}
.folio-app #cloud-content .account-role-option:hover{background:var(--hover)}
.folio-app #cloud-content .account-role-option input[type=radio]{flex:none;appearance:auto;accent-color:var(--accent);width:20px;height:20px;min-width:20px;min-height:20px;margin:3px 0 0;padding:0}
.folio-app .account-role-option>span{display:grid;gap:3px;min-width:0}
.folio-app .account-role-option strong{font-size:1em;font-weight:600}
.folio-app .account-role-option small{font-size:.88em;color:var(--muted);line-height:1.55}
@media(prefers-reduced-motion:reduce){.folio-app #cloud-content .account-role-option{transition:none}}
.folio-app #cloud-content>button,.folio-app #cloud-section>button{min-height:44px;margin:6px 8px 6px 0;max-width:100%;white-space:normal}
.folio-app #cloud-status:empty{display:none}
.folio-app #cloud-status:not(:empty){padding:12px 0 0;border-top:1px solid var(--line);line-height:1.6;overflow-wrap:anywhere}
.folio-app .scenario-color-actions{gap:10px;padding-top:10px}
.folio-app .issued-credentials button{min-height:44px;margin:6px 8px 6px 0;white-space:normal}
.folio-app .cloud-utilities>summary:focus-visible,.folio-app .cloud-technical>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
@media(max-width:560px){
 .folio-app #cloud-dialog{width:calc(100vw - 20px);padding:20px;max-height:calc(100dvh - 20px)}
 .folio-app .cloud-actions{grid-template-columns:minmax(0,1fr)}
 .folio-app .cloud-primary-actions>button{width:100%}
 .folio-app #cloud-section article>button{flex:1 1 100%;text-align:left}
 .folio-app .cloud-tabs button{flex-basis:100%}
 .folio-app .scenario-color-actions{display:grid;grid-template-columns:1fr 1fr}
 .folio-app .scenario-color-actions>.primary{grid-column:1/-1}
}

/* The writing surface leads: one centered navigation row, then a compact LIVE line. */
.folio-app .app-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;align-content:start;gap:0 16px;min-height:56px;height:auto;padding:6px 24px}
.folio-header-brand,.folio-header-account{display:flex;align-items:center;gap:8px;min-width:0}
.folio-header-brand{grid-column:1;grid-row:1}
.folio-header-account{grid-column:3;grid-row:1;justify-content:flex-end}
.folio-app .app-header .brand-mark{flex:none;width:24px;height:30px}
.folio-app .app-header strong{margin:0;flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
.folio-app .app-header .app-menu-button{flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px}
.folio-app .app-header #folio-account{flex:0 1 auto;min-width:0;max-width:100%;min-height:44px;margin:0;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
.folio-app .app-header .folio-nav{grid-column:2;grid-row:1;order:initial;flex:none;width:auto;min-height:44px;margin:0;gap:16px;flex-wrap:nowrap;justify-content:center}
.folio-app .app-header .folio-nav button{min-height:44px;padding:8px 4px;white-space:nowrap}
.folio-app .app-header #live-status{grid-column:1/-1;grid-row:2;order:initial;min-width:0;min-height:24px;width:100%;padding:2px 0;margin:0;border:0;border-radius:0;background:transparent;gap:12px;font-size:calc(11px * var(--ui-scale,1));line-height:1.4}
.folio-app #live-status [data-live-message]{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.folio-app #live-status [data-live-participants]{display:flex;flex:0 1 auto;max-width:50%;min-width:0;flex-wrap:nowrap;gap:6px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.folio-app #live-status [data-live-participants]:empty{display:none}
.folio-app #live-status .live-participant{flex:none;white-space:nowrap;padding:1px 6px;font-size:inherit;line-height:1.4}
.folio-app #live-status [data-live-participants]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.folio-app .app-header>#app-status.status-notice{grid-column:1/-1;order:initial;margin:4px auto}
.folio-app #login-screen{top:var(--status-header-bottom,0px)}
@media(max-width:900px){
 .folio-app .app-header{grid-template-columns:minmax(0,1fr) minmax(44px,45%);padding:4px 12px;gap:0 8px;min-height:0}
 .folio-header-account{grid-column:2}
 .folio-app .app-header .folio-nav{grid-column:1/-1;grid-row:2;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-height:44px}
 .folio-app .app-header .folio-nav button{min-width:0;white-space:normal;overflow-wrap:anywhere;padding:6px 4px;font-size:calc(12px * var(--ui-scale,1))}
 .folio-app .app-header #live-status{grid-row:3;gap:8px}
 .folio-app #login-screen{top:var(--status-header-bottom,0px)}
}
/* Mobile documents use the available height; all navigation stays one tap away. */
.mobile-document-dock,.drawer-live-info{display:none}
@media(max-width:650px),(pointer:coarse) and (hover:none){
 .folio-app .drawer-live-info{display:block;margin:0 8px 16px;color:var(--muted);font-size:calc(12px * var(--ui-scale,1));line-height:1.6;overflow-wrap:anywhere}
 body.folio-app.document-open .app-header,body.folio-app.document-open .app-header:has(#live-status:not([hidden])){min-height:0;height:auto;padding:0;border:0;display:block}
 body.folio-app.document-open .app-header>:not(#app-status){display:none!important}
 body.folio-app.document-open .scenario-window[data-screen=editor]>.scenario-window-header{display:none}
 body.folio-app.document-open .scenario-window[data-screen=editor] .scenario-workspace-panel{inset:0}
 body.folio-app.document-open .scenario-document{position:relative}
 body.folio-app.document-open .scenario-document-body{order:0}
 body.folio-app.document-open .scenario-search-panel{order:-1}
 body.folio-app.document-open .scenario-editor-notice{order:1}
 body.folio-app.document-open .mobile-document-dock{display:flex;order:-3;flex:none;align-items:flex-end;gap:0;justify-content:space-between;height:calc(44px + env(safe-area-inset-top,0px));min-height:44px;padding:env(safe-area-inset-top,0px) 0 0;border-bottom:1px solid var(--line);background:var(--bg)}
 body.folio-app.document-open .mobile-document-dock button{display:grid;place-items:center;flex:none;width:48px;height:43px;min-width:44px;min-height:44px;border:0;border-radius:0;background:transparent;color:var(--text);padding:12px}
 body.folio-app.document-open .mobile-document-history{display:flex;margin-left:auto}
 body.folio-app.document-open .scenario-reading .mobile-document-history{display:none}
 body.folio-app.document-open #mobile-document-menu{margin-left:0}
 body.folio-app.document-open #mobile-document-library{margin-right:auto}
 body.folio-app.document-open .mobile-document-dock .scenario-icon{width:22px;height:22px}
 body.folio-app.document-open .scenario-edit-tools,body.folio-app.document-open .scenario-read-tools{position:relative;order:3;flex:none;left:auto;right:auto;bottom:auto;height:calc(52px + env(safe-area-inset-bottom,0px));min-height:52px;max-height:none;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;white-space:nowrap;padding:3px 8px calc(3px + env(safe-area-inset-bottom,0px));gap:4px;border:0;border-top:1px solid var(--line);background:var(--bg)}
 body.folio-app.document-open .scenario-edit-tools .scenario-toolbar-group{display:contents}
 body.folio-app.document-open .scenario-edit-tools button,body.folio-app.document-open .scenario-read-tools button,body.folio-app.document-open .scenario-edit-tools select{flex:none;min-width:44px;min-height:44px;max-height:44px;margin:0;padding:6px;white-space:nowrap}
 body.folio-app.document-open .scenario-document-mount{padding:12px 14px 24px}
 body.folio-app.document-open .scenario-workspace-editor>[data-scenario-workspace=discard-source]{min-height:44px;margin:0}
 body.folio-app.document-open .scenario-edit-tools :is([data-command=undo],[data-command=redo]){display:none}
 .folio-app .scenario-popup{gap:6px}
 .folio-app .scenario-popup :is(button,input,select){min-height:44px;padding-block:8px}
}
.folio-app .scenario-reading .live-caret{display:none}
/* One left-hand brand/menu slot, matching the drawer's left edge. */
.folio-app .folio-header-brand:has(#app-menu:not([hidden]))>.brand-mark{display:none}
.folio-app .folio-header-brand #app-menu{display:grid;place-items:center;position:relative}
.folio-app .folio-header-brand #app-menu>.menu-brand-mark,.folio-app .folio-header-brand #app-menu>.scenario-icon{grid-area:1/1;transition:opacity 180ms ease-out,transform 180ms ease-out}
.folio-app .folio-header-brand #app-menu>.menu-brand-mark{opacity:1;transform:scale(1)}
.folio-app .folio-header-brand #app-menu>.scenario-icon{opacity:0;transform:scale(.85)}
.folio-app.document-open .folio-header-brand #app-menu>.menu-brand-mark{opacity:0;transform:scale(.85)}
.folio-app.document-open .folio-header-brand #app-menu>.scenario-icon{opacity:1;transform:scale(1)}