/* Shared application chrome. Sage navigation is deliberately constant in both themes. */
:root{--workspace-menu:#f5d8c7;--workspace-menu-hover:#f0ccb6;--workspace-menu-selected:#ecc0a5;--workspace-menu-border:#d9b59e}
html{color-scheme:light}html[data-app-theme=dark]{color-scheme:dark}
body :is(.lm-app-sidebar,.sidebar,.lm-sidebar,.app-product-rail){background:var(--workspace-menu);color:#141414;border-color:var(--workspace-menu-border)}
body .lm-app-sidebar :is(a,button,summary,strong,small,span,p,svg),body :is(.sidebar,.lm-sidebar) :is(.nav-item,.nav-group-label,.lm-nav a,.lm-nav p,.context-nav-title){color:#141414!important;opacity:1}
body :is(.lm-app-sidebar,.sidebar,.lm-sidebar,.app-product-rail) *,body :is(.workspace-account-options,.workspace-account-picker) *{transition:none!important;animation:none!important}
body .lm-app-sidebar :is(.workspace-brand-row,.st-brand){border-color:var(--workspace-menu-border)}
body .lm-app-sidebar nav :is(a,button,summary):hover,body .sidebar .nav-item:hover{background:var(--workspace-menu-hover);color:#141414!important;transform:none;opacity:1}
body .lm-app-sidebar nav :is(.is-active,[aria-current=page]),body .sidebar .nav-item.active{background:var(--workspace-menu-selected);color:#141414!important;box-shadow:inset 3px 0 #244333}
body .lm-app-sidebar :is(.workspace-compact-toggle,.st-brand .st-icon){background:transparent;color:#141414;border-color:#9bad93}
body .lm-app-sidebar :is(.workspace-compact-toggle,.menu-toggle) span{background:#141414}
body .lm-app-sidebar .wa-context-nav{border-color:var(--workspace-menu-border);margin:3px 0 8px 10px}
body .lm-app-sidebar :is(.workspace-account-menu>summary,.workspace-account-options,.workspace-account-picker){background:var(--workspace-menu);color:#141414;border-color:var(--workspace-menu-border);box-shadow:none}
body .lm-app-sidebar .workspace-account-avatar{background:#a3f75a;color:#141414;border:1px solid #17280f;box-shadow:0 0 0 3px #ffffff80;font-weight:800}
body :is(.workspace-account-options,.workspace-account-picker) :is(a,button):hover{background:var(--workspace-menu-hover);color:#141414}
body :is(.workspace-account-options,.workspace-account-picker) :is(span,strong,small,svg){color:#141414!important}
body .lm-app-sidebar :is(a,button,summary):focus-visible{outline:2px solid #141414;outline-offset:-2px}
.wa-app-group{margin:2px 0}.wa-app-group>summary{display:flex;align-items:center;gap:10px;min-height:36px;padding:7px 11px;border-radius:7px;cursor:pointer;list-style:none}.wa-app-group>summary::-webkit-details-marker{display:none}.wa-app-group>summary:after{content:'›';margin-left:auto;font-size:19px;line-height:1}.wa-app-group[open]>summary:after{content:'⌄'}.wa-app-group[open]>summary{font-weight:750;background:var(--workspace-menu-hover)}.wa-app-children{margin:3px 0 7px 17px;padding-left:5px;border-left:1px solid var(--workspace-menu-border)}.wa-app-children a{font-size:11px!important}.wa-app-children .workspace-nav-icon{width:16px!important;height:16px!important}
@media(min-width:881px){body:not(.workspace-nav-compact) .app-shell{grid-template-columns:216px minmax(0,1fr)}body:not(.workspace-nav-compact):not(.st-compact) .lm-app-sidebar{width:216px}body[data-studio-mode=editor]:not(.st-compact){--st-sidebar:216px}body:is(.workspace-nav-compact,.st-compact) .wa-app-group>summary{justify-content:center;padding-inline:5px}body:is(.workspace-nav-compact,.st-compact) .wa-app-group>summary:after{display:none}body:is(.workspace-nav-compact,.st-compact) .wa-app-children{margin:0;border:0;padding:0}body:is(.workspace-nav-compact,.st-compact) .wa-app-children>a:not(.is-active){display:none}}
/* Controls retain readable targets at every density. */
body :is(input[type=checkbox],input[type=radio]){width:20px!important;height:20px!important;min-width:20px;min-height:20px!important;padding:0!important;flex:none;accent-color:var(--app-focus,#2e7400);cursor:pointer}
body :is(.button,.st-button,.media-toolbar button,.wa-confirm button){white-space:nowrap;line-height:1.3}
body :is(.checkbox-row,.media-bulk label,.wa-app-choice){min-height:34px;gap:10px}
.wa-launcher .wa-heading{justify-content:flex-end;margin-bottom:14px}.wa-heading h2{color:var(--app-ink)}
.media-library.st-content{width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box}.media-library .media-browser{min-height:480px;border-radius:10px}.media-library .media-inline form{grid-template-columns:minmax(120px,1fr) auto;align-items:end;gap:10px}.media-library .media-inline form h3{display:none}.media-library .media-inline form>div{margin:0}.media-library .media-inline{padding:12px}.media-library .media-folder-card{position:relative;min-height:128px;gap:6px;padding:20px 12px 14px;border-radius:5px 13px 13px 13px;background:var(--app-soft);border-color:var(--app-line-strong);color:var(--app-ink)}.media-library .media-folder-card:before{content:'';position:absolute;left:0;top:-7px;width:38%;height:8px;border:1px solid var(--app-line-strong);border-bottom:0;border-radius:6px 6px 0 0;background:var(--app-soft)}.media-folder-card svg{fill:#f5d8c7;stroke:#77513c}.media-items{padding-top:10px}.media-item-select{border:1px solid var(--app-line);background:var(--app-surface)}
.app-theme-shortcut{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid var(--app-line-strong);border-radius:7px;background:var(--app-surface);color:var(--app-ink);cursor:pointer;white-space:nowrap;font:600 12px var(--app-font)}
/* Use application tokens in surfaces previously fixed to a light palette. */
body :is(.wa-launcher,.workspace-tools,.workspace-files){color:var(--app-ink)}
body :is(.wa-content-section,.wa-app-preferences,.wa-core-card,.wa-confirm,.workspace-report-toolbar,.workspace-captured-details,.experience-panel,.vg-panel,.scheduler-panel,.ac-panel){background:var(--app-surface);border-color:var(--app-line);color:var(--app-ink)}
body :is(.wa-heading p,.wa-group h3,.wa-content-section p,.wa-content-row small,.wa-core-card small,.wa-app-preferences p,.workspace-captured-details p){color:var(--app-muted)}
html[data-app-theme=dark] :is(.app-main,.app-header,.app-content,.workspace-tools,.workspace-home){background:var(--app-bg);color:var(--app-ink)}
html[data-app-theme=dark] :is(.app-header,.page-heading){border-color:var(--app-line)}
html[data-app-theme=dark] :is(.data-table,.table-wrap,.workspace-report-toolbar,.workspace-switcher select,.app-main .panel,.app-main .card,.app-main .stat-card){background:var(--app-surface);color:var(--app-ink);border-color:var(--app-line)}
html[data-app-theme=dark] :is(.data-table th,.data-table td,.data-table small,.data-table strong,.app-header h1,.app-main h2,.app-main h3,.app-main label){color:var(--app-ink);border-color:var(--app-line)}
html[data-app-theme=dark] :is(.data-table th,.data-table tr:hover,.table-wrap th){background:var(--app-soft)}
html[data-app-theme=dark] :is(.app-main,.st-shell,.workspace-body) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--app-surface);color:var(--app-ink);border-color:var(--app-line-strong)}
html[data-app-theme=dark] .wa-card{background:color-mix(in srgb,var(--wa-colour) 12%,var(--app-surface));border-color:var(--app-line)}html[data-app-theme=dark] .wa-card :is(strong,small,a,b){color:var(--app-ink)}html[data-app-theme=dark] .wa-card-icon{background:var(--app-soft)}html[data-app-theme=dark] .wa-card-links{background:#ffffff08;border-color:var(--app-line)}
html[data-app-theme=dark] .wa-app-choice{background:var(--app-soft);color:var(--app-ink)}
html[data-app-theme=dark] :is(.login-panel,.login-form-wrap){background:var(--app-surface);color:var(--app-ink)}html[data-app-theme=dark] .login-panel :is(h2,p,.muted,.auth-create,.auth-help,.auth-admin-link){color:var(--app-ink)}html[data-app-theme=dark] .login-panel input{background:var(--app-soft);color:var(--app-ink);border-color:var(--app-line-strong)}html[data-app-theme=dark] .auth-google{background:var(--app-surface);color:var(--app-ink);border-color:var(--app-line-strong)}
.lm-alert-stack{position:fixed;right:20px;bottom:20px;z-index:100000;display:grid;gap:8px;width:min(440px,calc(100vw - 32px));pointer-events:none}.lm-alert{pointer-events:auto;display:flex;gap:12px;align-items:start;padding:16px;background:var(--app-surface);color:var(--app-ink);border:1px solid var(--app-line-strong);border-left:4px solid var(--app-success);border-radius:9px;box-shadow:0 8px 32px #0003;font:500 13px/1.6 var(--app-font)}.lm-alert.is-error{border-left-color:var(--app-danger)}.lm-alert button{margin-left:auto;flex:none;background:transparent;border:0;color:inherit;cursor:pointer;font-size:20px}.lm-alert p{margin:0;overflow-wrap:anywhere}.lm-confirm{width:min(440px,calc(100vw - 32px));box-sizing:border-box;border:1px solid var(--app-line-strong);border-radius:12px;padding:24px;background:var(--app-surface);color:var(--app-ink);box-shadow:0 18px 70px #0005}.lm-confirm::backdrop{background:#0007}.lm-confirm h2{font-size:20px;margin:0 0 12px}.lm-confirm p{font-size:14px;line-height:1.7;white-space:pre-line}.lm-confirm footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.lm-confirm button{min-height:40px;border:1px solid var(--app-line-strong);border-radius:7px;background:var(--app-soft);color:var(--app-ink);padding:8px 15px;cursor:pointer}.lm-confirm .primary{background:var(--app-accent);color:var(--app-accent-ink)}
@media(max-width:650px){.media-library .media-inline form{grid-template-columns:1fr}.media-library .media-inline form>div{justify-content:flex-end}.media-library .media-items{gap:14px 10px}.app-theme-shortcut{font-size:11px;padding-inline:8px}}

.login-form-wrap.is-verifying :is(.auth-divider,.auth-google,.auth-secondary-actions){display:none}.auth-code-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}#email-code-form input[name=code]{font-size:26px;letter-spacing:.25em}#email-code-form .checkbox-row{display:flex;align-items:center}#workspace-security-settings hr{border:0;border-top:1px solid var(--app-line);margin:22px 0}#workspace-security-settings form{margin:18px 0}

.app-control-target{display:grid;gap:10px;margin:16px 0}.app-control-target label{display:grid;gap:7px}.app-control-list{display:grid;gap:6px;margin-bottom:18px}.app-control-list label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;padding:8px 0;border-bottom:1px solid var(--app-line)}.app-control-list select{max-width:150px;width:45%}

body .button.compact{min-width:0;width:auto}body .lm-app-sidebar .workspace-account-menu{border-color:var(--workspace-menu-border);background:var(--workspace-menu)}html[data-app-theme=dark]{--ink:var(--app-ink);--muted:var(--app-muted);--paper:var(--app-bg);--line:var(--app-line);--white:var(--app-surface);--green:var(--app-focus)}html[data-app-theme=dark] body .button.secondary{background:var(--app-surface);color:var(--app-ink);border-color:var(--app-line-strong)}html[data-app-theme=dark] body .button.primary{background:var(--app-accent);color:var(--app-accent-ink)}body .button{transition:none}body .button:hover{transform:none}

body :is(.lm-app-sidebar,.app-shell){transition:none!important;animation:none!important}
html[data-app-theme=dark] body :is(.vg-top,.vg-library,.vg-scenes,.vg-editor,.vg-preview,.vg-export,.ac-hero,.ac-stats article,.ac-documents,.ac-delivery,.ac-access,.acl-variables,.acl-inspector,.sc-intro,.sc-calendar,.experience-card,.experience-filterbar,.scheduler-summary,.post-live-preview,.creative-picker,.ai-window-body,.ai-example-message,.ai-composer-placeholder,.studio-section-list>div,.library-inline,.premium-template-card,.premium-label,.lm-mail-form-hint,.export-confirm,.post-media-grid button){background:var(--app-surface);color:var(--app-ink);border-color:var(--app-line)}
html[data-app-theme=dark] body :is(.vg,.ac,.sc,.acl,.experience-panel) :is(h1,h2,h3,strong,label){color:var(--app-ink)}
html[data-app-theme=dark] body :is(.vg,.ac,.sc,.acl,.experience-panel) :is(p,small,.muted){color:var(--app-muted)}
html[data-app-theme=dark] body :is(.vg button,.vg-file-button,.vg-export a,.ac button,.ac a.button,.sc button,.ac-settings-nav a,#acl-variables button,.premium-template-card .st-button,.export-confirm button){background:var(--app-soft);color:var(--app-ink);border-color:var(--app-line-strong)}
html[data-app-theme=dark] body :is(.vg .vg-scene.active,.vg-tabs button.active,.ac-filters [aria-pressed=true],.sc-sidebar>button[aria-pressed=true],#acl-tabs [aria-selected=true],#acl-field-list [aria-pressed=true],.sc-day.today){background:var(--app-selected);color:var(--app-ink);border-color:var(--app-focus)}
html[data-app-theme=dark] body :is(.ac-table th,.ac-variable-bar,#ac-totals,.sc-weekdays span,.sc-day.muted-day,.calendar-weekdays span,.calendar-day.other-month,.vg-audio-track>span){background:var(--app-soft);color:var(--app-muted);border-color:var(--app-line)}
html[data-app-theme=dark] body :is(.sc-day,.sc-weekdays,.sc-header,.sc-calendar,.vg-preview-head,.vg-bottom,.vg-timeline,.ac-table td,.ac-table th){border-color:var(--app-line)}
html[data-app-theme=dark] body .acl-paper-scroll{background:#292d26}html[data-app-theme=dark] body .acl #acl-paper{color:#151515;background:white}
@media(max-width:880px){body .lm-app-sidebar:not(.is-open){transform:translateX(-102%)!important;visibility:hidden}body .lm-app-sidebar.is-open{visibility:visible;transform:none!important;width:min(272px,calc(100vw - 34px))}}

body .lm-app-sidebar .workspace-brand-mark{filter:none;background:transparent}

.library-inline form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.library-inline form h3{display:none}.library-inline form label{flex:1;min-width:140px}.library-inline form>div{display:flex;gap:8px}.library-inline{padding:12px!important}.st-button,button[data-action],button[data-asset]{transition:none!important}.wa-card{transition:none!important}.wa-card:hover{transform:none}

html[data-app-theme=dark] body :is(.workspace-tools,.app-main,.experience-panel){--muted:var(--app-muted);--ink:var(--app-ink);--line:var(--app-line);--white:var(--app-surface);--paper:var(--app-bg);--experience-muted:var(--app-muted);--experience-ink:var(--app-ink)}
html[data-app-theme=dark] body :is(.workspace-tools .contact-filters,.contact-conversation,.contact-message,.contact-message.note,.contact-message.outbound,.demo-banner,.reporting-summary,.edition-card,.reporting-chart,.reporting-table,.table-card,.pipeline-column,.pipeline-card,.work-card,.kpi-card){background:var(--app-surface);color:var(--app-ink);border-color:var(--app-line)}
html[data-app-theme=dark] body :is(.demo-banner strong,.demo-banner a,.contact-conversation span,.contact-message header,.contact-conversation small){color:var(--app-ink)}
html[data-app-theme=dark] body :is(.workspace-tools,.app-main) :is(.muted,.field-help,label small,.header-workspace-name){color:var(--app-muted)}
html[data-app-theme=dark] body :is(.contact-conversation[aria-pressed=true],.contact-table tr.is-selected){background:var(--app-selected)}
body .lm-app-sidebar :is(.sidebar-brand,.st-brand-link)>span{min-width:0;max-width:112px}body .lm-app-sidebar :is(.sidebar-brand,.st-brand-link) small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em}body .lm-app-sidebar :is(.workspace-compact-toggle,.st-brand>.st-icon){flex:none}
body .lm-app-sidebar .tenant-chip-bottom{background:var(--workspace-menu);border-color:var(--workspace-menu-border);color:#141414}
/* Keep navigation states on the shared palette, including editor theme overrides. */
body .lm-app-sidebar nav :is(a,button,summary):hover{background:var(--workspace-menu-hover)!important}
body .lm-app-sidebar nav :is(.is-active,[aria-current=page]){background:var(--workspace-menu-selected)!important;box-shadow:inset 3px 0 #244333!important}
body .lm-app-sidebar nav .workspace-back:not(.is-active){background:var(--workspace-menu)!important;border-color:var(--workspace-menu-border)}
body .lm-app-sidebar nav .workspace-back:hover{background:var(--workspace-menu-hover)!important}

/* The studio logo stays black on the sage sidebar in both appearance modes. */
html[data-app-theme=dark] body .lm-app-sidebar .workspace-brand-mark{background:transparent}