/* One owner-approved Ergesto identity for all online sections. */
:root{--brand-charcoal:#293e5e;--brand-pink:#ec1159;--brand-panel:#344b6b;--brand-line:#637a99;--brand-active:#496589}
.shell aside{background:var(--brand-charcoal);color:#fff;padding:18px;gap:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#79606c var(--brand-charcoal)}
.shell aside .brand{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;width:100%;height:62px;min-height:62px;margin:0;padding:10px 12px;background:transparent;border:0;border-radius:0;text-decoration:none;box-shadow:none}
.brand img{display:block;width:160px;max-width:100%;height:auto;max-height:40px;object-fit:contain}
.shell aside .brand img{width:144px}
.shell aside nav.brand-navigation{display:grid;gap:9px;margin:24px 0 20px}
.shell aside nav.brand-navigation button{box-sizing:border-box;display:flex;align-items:center;width:100%;min-height:54px;margin:0;padding:13px 15px;border:1px solid var(--brand-line);border-radius:10px;background:var(--brand-panel);color:#fff;text-align:left;font-family:var(--font-nav,"Manrope",system-ui,sans-serif);font-size:1em;font-weight:700;line-height:1.35;letter-spacing:normal;overflow-wrap:anywhere;box-shadow:0 2px 4px #0002}
.shell aside nav.brand-navigation button:hover:not(:disabled){background:#42303a;border-color:var(--brand-pink);color:#fff}
.shell aside nav.brand-navigation button.active{background:var(--brand-active);border-color:var(--brand-pink);color:#fff;box-shadow:inset 4px 0 var(--brand-pink),0 2px 4px #0002}
.shell aside nav.brand-navigation button:focus-visible{outline:3px solid #ff97ba;outline-offset:3px}
.shell aside nav.brand-navigation .sym{display:none}
.shell aside .sidebottom,.shell aside .side-footer{margin-top:auto;padding:14px 0 0;border-top:1px solid var(--brand-line);color:#e2cfd7;font-size:.72em;line-height:1.6;overflow-wrap:anywhere}
.shell aside .side-footer button{background:var(--brand-panel);border-color:var(--brand-line);color:#fff}.shell aside .side-footer small{color:#e2cfd7}
@media(min-width:851px){.shell{grid-template-columns:clamp(220px,var(--sidebar-width,280px),45vw) minmax(0,1fr)}}
@media(max-width:850px){.shell .sidebar{display:none}.mobile-nav button.active{color:#b80d45}.mobile-nav button:focus-visible{outline-color:var(--brand-pink)}}
@media(min-width:621px) and (max-width:850px){.shell:has(aside:not(.sidebar)){grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:620px){.shell aside:not(.sidebar){height:auto;position:static;padding:14px}.shell aside:not(.sidebar) .brand{height:60px;min-height:60px}.shell aside:not(.sidebar) .brand img{width:135px;max-height:37px}.shell aside:not(.sidebar) nav.brand-navigation{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.shell aside:not(.sidebar) nav.brand-navigation button{width:auto;min-height:44px;padding:9px 12px}}
.login-panel .brand{display:flex;justify-content:center;align-items:center;background:transparent;padding:10px 0;height:76px;border:0;box-shadow:none;margin-bottom:24px}.login-panel .brand img{width:160px;max-height:40px}.login-panel button.primary,.login-panel button[type=submit]{background:#bb0d46;border-color:#bb0d46;color:#fff}
.sidebar-resizer{position:absolute;top:0;right:0;bottom:0;width:10px;min-width:10px;padding:0;border:0;border-radius:0;background:transparent;cursor:col-resize;touch-action:none;z-index:30}.sidebar-resizer::after{content:"";position:absolute;top:0;bottom:0;right:2px;width:2px;background:#ffffff25}.sidebar-resizer:hover::after,.sidebar-resizer:focus-visible::after,html.sidebar-resizing .sidebar-resizer::after{background:var(--brand-pink);width:3px}.sidebar-resizer:focus-visible{outline:2px solid #ff97ba;outline-offset:-2px}html.sidebar-resizing,html.sidebar-resizing *{cursor:col-resize!important;user-select:none!important}
@media(max-width:850px){.sidebar-resizer{display:none}}

/* Share is the rightmost action in task dialogs. */
.actions .share-action,.modalfoot .share-action{margin-left:auto;order:10;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-color:var(--brand-pink);background:#ec11590d;color:var(--text,var(--ink,#231f20))}.share-action svg{flex:none}.share-action:focus-visible{outline-color:var(--brand-pink)}

/* Reference palette: cool surfaces, charcoal navigation, original brand accents. */
.shell aside nav.brand-navigation button:hover:not(:disabled){background:#293e5e}.app-information-mark{display:block;width:58px;height:58px;object-fit:contain}.daily-ui .settings-navigation{background:#e6edf5;border-color:#c9d6e3}.daily-ui .settings-navigation button{border-color:var(--line)}[data-theme=dark] .daily-ui .settings-navigation{background:#172539}

/* Approved reference colour: RGB(41,62,94), sampled from the supplied image. */
.shell aside{background:#293e5e}.shell aside nav.brand-navigation button{box-shadow:none}.shell aside nav.brand-navigation button:hover:not(:disabled){background:#405a7f}.shell aside nav.brand-navigation button.active{box-shadow:inset 3px 0 var(--brand-pink);background:#496589}
/* Account, workspace and utilities share one compact row. */
.workspace-ui .topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 26px}.workspace-ui .topbar .connection{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;max-width:650px}.workspace-ui .topbar .workspace-account{display:inline-flex;align-items:center;color:var(--muted,#476079);font-size:15px;line-height:1.5;max-width:30ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-ui .topbar #workspace{width:168px;min-width:130px;max-width:210px;height:44px;min-height:44px;margin:0;padding:8px 32px 8px 12px;box-sizing:border-box;font:600 15px/1.5 var(--font-control,Manrope,system-ui);border-radius:11px}.workspace-ui .topbar .screen-lock-button,.daily-ui .topbar .screen-lock-button{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 44px;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:9px!important;margin:0;border-radius:11px;box-shadow:none}.workspace-ui .topbar .connection #connection{order:4}.workspace-ui .topbar .connection #workspace{order:2}.workspace-ui .topbar .connection .screen-lock-button{order:3}.workspace-ui .topbar .connection .workspace-account{order:1}
/* Trash items use natural height, with compact actions rather than a tall launcher. */
.workspace-ui .trash-project-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,370px),1fr))!important;grid-template-rows:auto!important;grid-auto-flow:row!important;gap:16px;align-items:start}.workspace-ui .trash-project-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:20px;border:1px solid var(--line,#d9dfe6);border-radius:16px;min-height:0!important;height:auto!important;box-shadow:0 4px 14px #293e5e08;background:var(--surface,#fdfdff)}.trash-project-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eaf0f7;color:#293e5e}.trash-project-copy{min-width:0}.workspace-ui .trash-project-card h3{font-size:21px;line-height:1.35;margin:0 0 6px;overflow-wrap:anywhere}.workspace-ui .trash-project-card .trash-project-state{font-size:15px;line-height:1.5;color:#526b87}.workspace-ui .trash-project-card .trash-project-description{grid-column:1/-1;margin:0;color:var(--muted,#476079);font-size:16px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.trash-project-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:14px;border-top:1px solid var(--line,#d9dfe6);margin-top:2px}.workspace-ui .trash-project-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:44px;height:44px;padding:9px 13px;margin:0;border-radius:11px;font-size:16px;line-height:1.4;font-weight:600;box-shadow:none}.workspace-ui .trash-project-actions .trash-icon-action{flex:0 0 44px;width:44px;min-width:44px;padding:10px}.trash-project-actions svg{width:20px;height:20px;flex:none}.workspace-ui .trash-project-actions .danger{color:#b9233b;border-color:#e7bec6;background:#fff8fa}.workspace-ui .trash-project-actions .danger:hover{background:#b9233b;color:#fff;border-color:#b9233b}.workspace-ui .trash-project-actions .primary{margin-left:auto}
@media(max-width:680px){.workspace-ui .topbar{align-items:flex-start;padding:16px;gap:12px}.workspace-ui .topbar .connection{max-width:100%;gap:8px}.workspace-ui .topbar .workspace-account{max-width:25ch;font-size:14px}.workspace-ui .topbar #workspace{width:140px}.workspace-ui .trash-project-card{padding:17px}.workspace-ui .trash-project-grid{grid-template-columns:1fr!important}}

.connection-status-icon{position:relative;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 38px;width:38px;min-width:38px;height:38px;padding:7px;box-sizing:border-box;line-height:1;color:#3f6972;border:1px solid transparent;border-radius:10px;cursor:help}.connection-status-icon svg{display:block;width:24px;height:24px;flex:none}.connection-status-icon[data-connection-state=saving]{color:#346397}.connection-status-icon[data-connection-state=error]{color:#b5273f;background:#fff0f2;border-color:#efc8d0}.connection-status-icon:hover,.connection-status-icon:focus-visible{background:var(--surface2,#f0f3f7);outline:2px solid #a5b8cd;outline-offset:2px}.connection-status-icon:after{position:absolute;display:none;content:attr(data-status-label);top:calc(100% + 8px);right:0;background:#293e5e;color:#fff;border-radius:8px;padding:8px 12px;white-space:normal;width:max-content;max-width:280px;font:500 14px/1.45 Manrope,system-ui,sans-serif;z-index:100;box-shadow:0 5px 20px #293e5e26}.connection-status-icon:hover:after,.connection-status-icon:focus-visible:after{display:block}

[data-connection-link],.workspace-ui .catalogue-chain-action{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:9px!important;border-radius:11px!important;line-height:1!important;box-sizing:border-box!important}[data-connection-link] svg,.catalogue-chain-action svg{width:21px;height:21px;flex:none}[data-connection-link=linked]{color:#187657!important;border-color:#b8d8cb!important;background:#eef8f2!important}[data-connection-link=unlinked],.catalogue-chain-action{color:#526b87!important}

/* Status updates and temporary controls never change the document's geometry. */
html{scrollbar-gutter:stable}#webStatus{position:fixed!important;right:24px;bottom:24px;top:auto!important;z-index:9500;max-width:min(620px,calc(100vw - 32px));margin:0!important;box-sizing:border-box;box-shadow:0 6px 28px #293e5e24}#webStatus[hidden]{display:none!important}#webStatus .buttons{display:none!important}#audioStatus{min-block-size:3.2em;line-height:1.6}.sound-controls~.buttons [data-enable-audio]{min-width:190px}.notification-explanation{font-size:16px;line-height:1.6;color:var(--muted)}#workspace[hidden]{display:none!important}.daily-project-choice{display:inline-flex;align-items:center;gap:8px;font-size:16px;margin:6px 0 12px}.daily-project-choice input{width:19px;height:19px}.list-day-label{display:block;flex-basis:100%;font-size:13px;font-weight:700;line-height:1.3}
.library-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}.library-heading h2{margin:0 0 8px}.library-heading p{margin:0}.library-explanation{font-size:16px;line-height:1.7}.library-explanation h3{margin-top:0}.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px}.library-grid .panel{margin:0}.library-grid .resource-card{display:flex;flex-direction:column;min-height:0;overflow-wrap:anywhere}.library-grid .resource-card>.actions{margin-top:auto;padding-top:12px}.library-search{display:grid;gap:8px;min-width:min(100%,340px)}.library-search input{min-height:44px}.library-heading .actions{flex-wrap:wrap}.library-heading button{min-height:44px}

/* Compact sound controls follow option text instead of stretching into empty columns. */
.daily-ui .sound-controls{display:flex!important;flex-wrap:wrap!important;align-items:flex-end;justify-content:flex-start;gap:14px 20px;margin:18px 0}.daily-ui .sound-controls>label{display:grid;flex:0 1 auto;gap:6px;min-width:0;max-width:100%;font-size:16px;line-height:1.4}.daily-ui .sound-controls select{max-width:100%;min-width:76px;min-height:44px;box-sizing:border-box;font-size:16px}.sound-volume{width:210px}.sound-volume-row{display:flex;align-items:center;gap:10px;min-height:44px}.sound-volume-row input[type=range]{width:155px!important;max-width:calc(100% - 45px);margin:0}.sound-volume-row output{min-width:4ch;font-variant-numeric:tabular-nums}.daily-ui .sound-controls .sound-interval{max-width:27ch;gap:3px}.sound-interval small{font-size:13px;color:var(--muted)}.daily-ui .sound-controls [data-alert-interval]{width:9ch;min-width:95px;min-height:44px;font-size:16px}.sound-help,.notification-explanation{font-size:15px!important;line-height:1.6}.sound-actions{align-items:center;gap:12px}.sound-actions [data-enable-audio]{min-width:205px}.sound-actions [data-notification]{min-width:230px}.sound-actions [data-notification][aria-checked=true]{background:var(--pale);color:var(--blue);border-color:var(--blue)}#audioStatus.audio-feedback{margin:18px 0 0;min-block-size:1.6em;line-height:1.6;font-size:15px}#notificationStatus{margin:4px 0 0;min-block-size:1.6em;line-height:1.6;font-size:15px}.users-intro .eyebrow{text-transform:none}.account-purge-summary{padding:14px 16px;background:var(--surface2);border:1px solid var(--line);border-radius:12px}.account-purge-summary h3{margin:10px 0;font-size:17px}.account-purge-summary p{font-size:16px;line-height:1.6}.user-access-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.user-access-actions button{min-height:42px}.font-role-live-preview{position:sticky;top:0;z-index:1;background:var(--surface,#fdfdff);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:10px;padding:12px 14px;margin:0 0 14px;min-width:0;box-shadow:0 3px 10px #293e5e0a}.role-preview-caption{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;font:600 14px/1.45 var(--font-body)}.role-preview-caption span{color:var(--muted);font-weight:450}.role-preview-sample{margin-top:10px;overflow-wrap:anywhere;max-height:7rem;overflow:auto;color:var(--text)}.font-role-option.role-preview-active{outline:1px solid var(--line);outline-offset:5px;border-radius:6px}@media(max-width:600px){.sound-actions{align-items:stretch}.sound-actions button{max-width:100%;min-width:0!important}.daily-ui .sound-controls .sound-playback{max-width:100%}.font-role-live-preview{padding:10px}}

/* General specimen below the global selector; independent specimens below each role. */
.font-options-layout{align-items:start}.font-global-tile,.font-roles-tile{height:auto;max-height:none;overflow:visible}
.font-global-tile .font-role-live-preview{position:static;margin:16px 0 0;z-index:auto}
.font-role-option .font-role-sample{grid-column:1/-1;min-width:0;max-width:100%;padding:9px 12px;margin:3px 0 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);overflow-wrap:anywhere;white-space:normal;text-align:start}
.font-roles-tile .typography-grid{row-gap:14px}
/* Keep field explanations independent of the compact, right-aligned label's nowrap. */
.field-info[open]>div{white-space:normal!important;text-align:start!important;line-height:1.6;box-sizing:border-box;max-width:calc(100vw - 32px)}
.field-info[open]>div strong,.field-info[open]>div p{white-space:normal!important;overflow-wrap:anywhere;word-break:normal;text-align:start!important}

.workspace-ui .trash-task-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr))!important;grid-template-rows:auto!important;grid-auto-flow:row!important;gap:16px;align-items:start}
.workspace-ui .trash-task-card{border-left:1px solid var(--line);max-width:100%}.workspace-ui .trash-task-card .trash-project-state{display:block;margin-bottom:5px;font-size:14px}.workspace-ui .trash-task-card h3{margin:0;font-size:21px}.trash-task-meta{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:15px;color:var(--muted)}.trash-task-date{display:inline-flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}.trash-task-meta .badge{margin:0;padding:4px 9px;border-radius:7px;font-size:14px}.workspace-ui .trash-project-actions{flex-wrap:wrap}.workspace-ui .trash-task-card .trash-project-description{font-size:15px;margin:0}

.workspace-ui .trash-project-grid,.workspace-ui .trash-task-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr))!important}


/* Font controls reflow when their own panel is narrow. */
.typography-settings>.panelbody{container-type:inline-size}
.font-options-layout{grid-template-columns:minmax(260px,.7fr) minmax(0,2.3fr)}
.font-roles-tile{container-type:inline-size;container-name:font-roles}
.font-roles-tile .typography-grid{grid-template-columns:minmax(0,1fr)!important}
.font-roles-tile .font-role-option{display:grid;grid-template-columns:minmax(10em,12em) minmax(0,1fr)!important;align-items:center;gap:10px}
.font-roles-tile .font-role-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
.font-role-controls select{flex:1 1 10em;width:auto!important;min-width:0;max-width:100%}
.font-role-option .font-role-sample{box-sizing:border-box;overflow-wrap:anywhere}
@container(max-width:1450px){.font-options-layout{grid-template-columns:minmax(0,1fr)}.font-global-tile{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:14px 24px;align-items:start}.font-global-tile .font-role-live-preview{margin:0}.font-global-tile .typography-all{margin:0}}
@container font-roles (min-width:1050px){.font-roles-tile .font-role-option{grid-template-columns:minmax(10em,12em) minmax(19em,1fr) minmax(16em,1.3fr)!important}.font-role-option .font-role-sample{grid-column:auto;margin:0}}
@container font-roles (max-width:650px){.font-roles-tile .font-role-option{grid-template-columns:minmax(0,1fr)!important}}
@container(max-width:600px){.font-global-tile{display:block}.font-global-tile .font-role-live-preview{margin-top:16px}}

.polisprint-owner-logo{display:inline-block;height:1em!important;min-height:11px;max-height:20px;width:auto!important;max-width:160px;object-fit:contain;vertical-align:-.08em;filter:none!important}.side-footer:has(.polisprint-owner-logo),footer:has(.polisprint-owner-logo){line-height:1.6}