/* Shared responsive shell; theme preference is independent of signed-in identity. */
:root{--shell-raised:var(--paper);--shell-tint:var(--sage)}
:root[data-theme="light"]{color-scheme:light;--bg:#f5f7fa;--paper:#fff;--ink:#21344e;--muted:#54677c;--line:#d6e0eb;--green:#146759;--sage:#e3f2ef;--red:#a3323b;--ai-focus:#216ea2}
:root[data-theme="dark"]{color-scheme:dark}
.brand{text-decoration:none;width:fit-content;color:inherit}
.auth-language{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}
.download-app{display:inline-flex;align-items:center;gap:7px;text-decoration:none;min-height:44px}
.download-app span{overflow-wrap:anywhere}
.nav .download-app{border:0;background:none;text-align:left;padding:12px;border-radius:7px;gap:11px;color:var(--muted);font-size:13px}
.nav .download-app:hover{color:var(--green);background:var(--sage)}
.workspace-tools .download-app{display:flex;gap:12px;padding:20px;min-height:68px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);text-align:left}
.workspace-tools .download-app:hover{background:var(--sage)}
:root:is([data-design="signature"],[data-design="ai"]) .sidebar .nav .download-app{color:#c1cede}
:root:is([data-design="signature"],[data-design="ai"]) .sidebar .nav .download-app:hover{background:#ffffff0d;color:#fff}
@media(max-width:800px){.workspace-tools .download-app{padding:16px 12px;font-size:13px}}
.mobile-nav{display:none}.workspace-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.workspace-tools button{display:flex;gap:12px;align-items:center;padding:20px;min-height:68px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);text-align:left}.workspace-tools button:hover{background:var(--sage)}
.appearance-card .field{margin-top:20px}.appearance-card h2{margin-bottom:12px}.auth-language .lang-button{display:inline-flex;gap:7px;align-items:center;min-height:44px}.nav button span{overflow-wrap:anywhere}.sidebar .nav{flex-shrink:0}.sidebar{overscroll-behavior:contain}.top-controls .account-label{font-size:12px}.settings-grid{align-items:start}
/* Keep session exit visible beside the account on every responsive workspace. */
.topbar{height:auto;min-height:85px;flex-wrap:wrap;padding-block:12px}
.topbar .breadcrumb{min-width:0;overflow-wrap:anywhere}
.top-controls{min-width:0;max-width:100%;flex-wrap:wrap}
.top-controls .account-label{min-width:0;overflow-wrap:anywhere}
.topbar .top-controls .account-signout{min-height:44px;flex-shrink:0;margin-left:auto;white-space:nowrap}
:root[data-theme="light"] .sidebar{background:#fff;color:var(--ink);border-color:var(--line)}
:root[data-theme="light"] .sidebar :is(.brand,.workspace,.profile){color:var(--ink)}
:root[data-theme="light"] .sidebar :is(.brand small,.workspace small,.profile small,.nav-label){color:var(--muted)}
:root[data-theme="light"] .sidebar :is(.workspace,.profile){border-color:var(--line)}
:root[data-theme="light"] .sidebar .avatar{background:#e4efec;color:#225a4c}
:root[data-theme="light"] .sidebar .nav button{color:#4f6174}
:root[data-theme="light"] .sidebar .nav button:hover{color:#14564b;background:#eef6f4}
:root[data-theme="light"] .sidebar .nav button.active{background:#e3f2ef;color:#12594d;box-shadow:inset 3px 0 0 #248572}
:root[data-theme="light"] .sidebar .private-note{background:#f1f6f8;color:var(--muted);border-color:var(--line)}
:root[data-theme="light"] .sidebar .private-note strong{color:var(--green)}
:root[data-theme="light"] .hero{background:linear-gradient(115deg,#e2f2ee,#edf3fc);color:var(--ink);border-color:#c4dfd7}
:root[data-theme="light"] .hero :is(h2,p){color:var(--ink)}
:root[data-theme="light"] .hero :is(.eyebrow,.hero-link){color:#246352}
:root[data-theme="light"] .hero .house-art{color:#508b84}
:root[data-theme="light"] .auth-story{background:linear-gradient(135deg,#e2f2ee,#edf3fc);color:var(--ink)}
:root[data-design="system"][data-theme="light"] .auth-story :is(p,.brand small,.eyebrow,.auth-principles){color:#466373}
:root[data-theme="light"] .auth-story .brand{color:var(--ink)}
:root[data-theme="light"] .auth-foot{border-color:var(--line)}
:root[data-theme="light"] .sunstar-chat{background:#fff;color:var(--ink);border-color:#c6d7e2}
:root[data-theme="light"] .sunstar-chat :is(.sunstar-chat-head,.sunstar-chat-content,.sunstar-chat-form){background:#f7fafc;color:var(--ink);border-color:var(--line)}
:root[data-theme="light"] .sunstar-chat :is(h2,label,.sunstar-message-text){color:var(--ink)}
:root[data-theme="light"] .sunstar-chat :is(.sunstar-chat-head p,.sunstar-chat-intro,.sunstar-chat-empty,.sunstar-message-by,.sunstar-message-notice,.sunstar-chat-status,.sunstar-voice-note,.sunstar-chat-privacy,.sunstar-voice-details>summary){color:var(--muted)}
:root[data-theme="light"] .sunstar-chat :is(.sunstar-message,.sunstar-action,.sunstar-example,.sunstar-chat-form textarea,.sunstar-transcript){background:#fff;color:var(--ink);border-color:#c6d7e2}
:root[data-theme="light"] .sunstar-chat .sunstar-message.user{background:#e5f2ed}
:root[data-theme="light"] .sunstar-chat .btn{background:#edf4f7;color:#245e5b;border-color:#bbd6d2}
:root[data-theme="light"] .sunstar-chat .btn.primary{background:#146759;color:#fff;border-color:#146759}
:root[data-theme="light"] .sunstar-chat .text-btn{color:#146759}
:root[data-theme="light"] .sunstar-chat .sunstar-chat-mode{background:#e6efea;color:#365d50}
:root[data-theme="light"] .sunstar-chat .sunstar-chat-error{background:#fff0ed;color:#932d26}
:root[data-theme="light"] .sunstar-v2{--v2-panel:#fff;--v2-raised:#eff4f9;--v2-line:#c9d7e4;--v2-ink:#20374f;--v2-muted:#52677c;--v2-accent:#166d60;--v2-focus:#2a70a5}
:root[data-theme="light"] .sunstar-v2 :is(.sv2-detail,.sv2-record,.sv2-snapshot,.sv2-calendar,.sv2-slot,.sv2-draft,.sv2-disclosure-body,.sv2-card){background:#fff;border-color:#c9d7e4;color:var(--ink)}
:root[data-theme="light"] .sunstar-v2 :is(.sv2-text-block,.sv2-plain-list,.sv2-checkbox,.sv2-facts dd,.sv2-detail-heading p,.sv2-draft h4,.sv2-slot>strong){color:var(--ink)}
:root[data-theme="light"] .sunstar-v2 :is(.sv2-facts dt,.sv2-record small,.sv2-weekday){color:var(--muted)}
:root[data-theme="light"] .sunstar-v2 :is(.sv2-facts>div,.sv2-draft-section){border-color:#c9d7e4}
:root[data-theme="light"] .sunstar-v2 :is(.sv2-scope-note,.sv2-detail>.sv2-text-block,.sv2-detail-content>.sv2-text-block){background:#edf5f8;color:#345971}
:root[data-theme="light"] .sunstar-v2 :is(input,select,textarea,.sv2-day){background:#fff;color:var(--ink);border-color:#a7bfd2;color-scheme:light}
:root[data-theme="light"] .sunstar-v2 :is(input,textarea)::placeholder{color:#64758b}
:root[data-theme="light"] .sunstar-v2 :is(.sv2-btn,.sv2-tab){background:#edf4f8;color:#245873;border-color:#c0d3df}
:root[data-theme="light"] .sunstar-v2 :is(.sv2-btn.primary,.sv2-btn-primary,.sv2-tab[aria-selected="true"],.sv2-day[aria-pressed="true"]){background:#146759;color:#fff;border-color:#146759}
:root[data-theme="light"] .sunstar-v2 .sv2-badge{background:#e4f0ed;color:#245d51;border-color:#b7d8cd}
:root[data-theme="light"] .sunstar-v2 :is(.sv2-alert,.sv2-warning){background:#fff4db;color:#775119;border-color:#e2c685}
:root[data-theme="light"] .sunstar-v2 .sv2-day:disabled{background:#eff2f5;opacity:.48}
:root[data-theme="light"] .sunstar-v2 :is(.sv2-disclosure,.sv2-empty){background:#f7fafc;border-color:#c9d7e4;color:var(--muted)}
@media(max-width:800px){
 .app-shell{display:block!important;min-height:100dvh}.app-shell>.sidebar{display:none!important}.topbar{height:auto;min-height:52px;padding:12px 16px!important}.topbar .account-label{display:none}.breadcrumb{font-size:12px;overflow-wrap:anywhere}.breadcrumb span{margin:0 8px}.demo-banner{padding:8px 16px;flex-wrap:wrap;gap:3px}.main-wrap #main{padding:22px 16px calc(200px + env(safe-area-inset-bottom));width:100%;min-width:0}.page-heading{align-items:flex-start;flex-wrap:wrap}.content-grid,.settings-grid{grid-template-columns:1fr}.vendor-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-tools button{padding:16px 12px;font-size:13px;overflow-wrap:anywhere}.workspace-tools .icon{width:20px}.mobile-nav{display:flex;position:fixed;inset:auto 0 0;z-index:90;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -4px 24px #132c4010;padding:7px 6px calc(7px + env(safe-area-inset-bottom));gap:2px;justify-content:space-around}.mobile-nav button{border:0;background:transparent;color:var(--muted);display:flex;flex:1;min-width:0;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;line-height:1.25;padding:3px 2px;border-radius:10px}.mobile-nav .icon{width:22px;height:22px}.mobile-nav button.active{background:var(--sage);color:var(--green);font-weight:700}.mobile-nav button span{text-align:center;overflow-wrap:anywhere}.sunstar-assistant-launcher{bottom:calc(82px + env(safe-area-inset-bottom));right:12px;width:76px;height:90px;padding:4px 6px;z-index:80}.sunstar-assistant-launcher .sunstar-energy-orb{--orb-size:48px}.sunstar-orb-brand{font-size:11px}.sunstar-orb-hint{font-size:9px}#toast{bottom:calc(88px + env(safe-area-inset-bottom));z-index:200}.field :is(input,select,textarea){font-size:16px}.auth-panel{padding:24px 20px!important}.hero{padding:22px}.hero .house-art{display:none}.sunstar-chat{max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:800px){.topbar .breadcrumb{display:block!important}.mobile-nav button{font-size:12px}.mobile-nav button span{max-width:100%}}
:root[data-theme="light"] .sunstar-v2 :is(.sv2-disclosure>summary,.sv2-field,.sv2-card>p,.sv2-card-meta){color:var(--ink)}
:root[data-theme="light"] .sunstar-v2 .sv2-disclosure>summary:hover{background:#eaf1f7}
:root[data-theme="light"] .sunstar-v2 :is(.sv2-primary,.sv2-primary:hover){background:#146759;color:#fff;border-color:#146759}
:root[data-theme="light"] .sunstar-v2 :is(.sv2-form-message,.sv2-live,.sv2-success){background:#edf6f1;color:#235b46;border-color:#bbd9cb}
:root[data-theme="light"] .sunstar-v2 .sv2-tab span{background:#dce9e6;color:#244d47}
:root[data-theme="light"] .sunstar-v2 :is(.sv2-global-error,.sv2-error){background:#fff0ed;color:#922c35!important;border-color:#d59ca2!important}
:root[data-theme="light"] .sunstar-v2 input[type="file"]::file-selector-button{background:#e5f1ed;color:#245c4f;border-color:#b6d0c6}
:root[data-theme="light"] .sunstar-v2 .sv2-filters{background:#edf3f8;border-color:#c9d7e4}

/* Three choices: Signature stays light, AI stays dark; only System follows the device. */
.design-picker{border:0;padding:0;margin:22px 0 26px;min-width:0}.design-picker legend{font-size:13px;font-weight:650;color:var(--ink)}.design-picker>.hint{margin:7px 0 12px}.design-options{display:grid;gap:9px}.design-option{display:grid;grid-template-columns:18px 34px minmax(0,1fr);gap:11px;align-items:center;padding:14px 12px;border:1px solid var(--line);border-radius:11px;background:var(--paper);cursor:pointer;min-height:72px}.design-option:hover{border-color:var(--green)}.design-option:has(input:checked){border-color:var(--green);background:var(--sage);box-shadow:inset 0 0 0 1px var(--green)}.design-option:has(input:focus-visible){outline:3px solid var(--ai-focus);outline-offset:3px}.design-option input{margin:0;width:18px;height:18px;accent-color:var(--green)}.design-option strong{display:block;font-size:13px;line-height:1.5;color:var(--ink)}.design-option small{display:block;margin-top:3px;font-size:12px;line-height:1.55;color:var(--muted);overflow-wrap:anywhere}.design-swatch{height:38px;width:34px;border-radius:7px;border:1px solid #8292a255}.design-swatch-signature{background:linear-gradient(90deg,#182e4b 0 35%,transparent 35%),linear-gradient(160deg,#f5f7fa 0 67%,#c7b18a 67%)}.design-swatch-ai{background:linear-gradient(90deg,#091321 0 35%,transparent 35%),linear-gradient(160deg,#142238 0 67%,#61e8da 67%)}.design-swatch-system{background:linear-gradient(90deg,#f5f7fa 0 50%,#101c2e 50%)}
:root[data-design="signature"][data-theme="light"]{--bg:#f5f7fa;--paper:#fff;--ink:#21344e;--muted:#58697f;--line:#dce3ec;--green:#233f62;--sage:#eaf0f7;--navy:#182e4b;--champagne:#c7b18a;--soft-champagne:#f3eee4;--ai-focus:#926b2d;--design-primary-ink:#fff;--design-subtle:#f3eee4;--design-subtle-ink:#6b5837}
:root[data-design="signature"][data-theme="dark"]{--bg:#111c2b;--paper:#18283b;--ink:#eef1f6;--muted:#b1bfd0;--line:#3b4b60;--green:#e2c797;--sage:#3b352d;--navy:#102039;--champagne:#d8bd90;--soft-champagne:#302d28;--ai-focus:#e7cc9f;--ai-surface-raised:#203247;--ai-input:#142235;--ai-accent-ink:#232b36;--design-primary-ink:#232b36;--design-subtle:#302d28;--design-subtle-ink:#e2c797}
:root[data-design="ai"][data-theme="light"]{--bg:#f2f7fb;--paper:#fff;--ink:#173449;--muted:#50687c;--line:#c9dfe5;--green:#0b6d69;--sage:#e1f3f0;--navy:#0b1728;--champagne:#61e8da;--soft-champagne:#e3f4f2;--ai-focus:#08777d;--design-primary-ink:#fff;--design-subtle:#e3f4f2;--design-subtle-ink:#145e60}
:root[data-design="ai"][data-theme="dark"]{--bg:#0b1221;--paper:#101c2e;--ink:#e6edf9;--muted:#a3b2c8;--line:#293e55;--green:#61e8da;--sage:#163d42;--champagne:#61e8da;--ai-focus:#91f4e7;--design-primary-ink:#062b2d;--design-subtle:#163d42;--design-subtle-ink:#a3f0e6}
:root:is([data-design="signature"],[data-design="ai"]) body{font-family:var(--font-ui);background:var(--bg);color:var(--ink)}
:root:is([data-design="signature"],[data-design="ai"]) .main-wrap{background:var(--bg)}
:root:is([data-design="signature"],[data-design="ai"]) :is(.topbar,.auth-panel){background:var(--paper);color:var(--ink);border-color:var(--line)}
:root:is([data-design="signature"],[data-design="ai"]) .sidebar{background:var(--navy);color:#e0e8f2;border-color:#2b405b;scrollbar-color:#607089 transparent}
:root:is([data-design="signature"],[data-design="ai"]) .sidebar :is(.brand,.workspace,.profile){color:#faf6ee}
:root:is([data-design="signature"],[data-design="ai"]) .sidebar :is(.brand small,.workspace small,.profile small,.nav-label){color:#b2c1d2}
:root:is([data-design="signature"],[data-design="ai"]) .sidebar :is(.workspace,.profile){border-color:#ffffff24}
:root:is([data-design="signature"],[data-design="ai"]) .sidebar .workspace{background:#ffffff06}
:root:is([data-design="signature"],[data-design="ai"]) .sidebar .avatar{background:#344b68;color:#f4e4c4}
:root:is([data-design="signature"],[data-design="ai"]) .sidebar .nav button{color:#c1cede;border-color:transparent;min-height:44px}
:root:is([data-design="signature"],[data-design="ai"]) .sidebar .nav button:hover{background:#ffffff0d;color:#fff}
:root:is([data-design="signature"],[data-design="ai"]) .sidebar .nav button.active{background:#ffffff12;color:#f5e3bd;box-shadow:inset 3px 0 0 var(--champagne)}
:root:is([data-design="signature"],[data-design="ai"]) .sidebar .private-note{background:#ffffff09;color:#bdcad9;border-color:#ffffff20}
:root:is([data-design="signature"],[data-design="ai"]) .sidebar .private-note strong{color:#f1dfbb}
:root[data-design="signature"] :is(.hero,.auth-story){background:var(--navy);border-color:#344b68}
:root[data-design="signature"] :is(.hero h2,.auth-story h1,.auth-story .brand){color:#faf6ee}
:root[data-design="signature"] :is(.hero p,.auth-story p,.auth-story .brand small){color:#c5d1e1}
:root[data-design="signature"] :is(.hero .eyebrow,.hero .hero-link,.auth-story .eyebrow,.auth-principles){color:#eddbb8}
:root[data-design="signature"] :is(.hero .house-art,.auth-story .house-art){color:#b1c1d1}
:root[data-design="signature"] .auth-foot{border-color:#ffffff25}
:root[data-design="signature"] :is(.panel,.stat,.vendor-card,.catalog-card,.inbox){border-radius:12px}
:root[data-design="signature"] .assistant-panel{background:var(--design-subtle);border-color:var(--line)}
:root[data-design="signature"] .assistant-panel :is(p,.assistant-summary,.assistant-label small){color:var(--design-subtle-ink)}
:root[data-design="ai"] .main-wrap{background:radial-gradient(ellipse at 80% 0,#259ba912,transparent 48%),var(--bg)}
:root[data-design="ai"] .sidebar .nav button.active{background:#163d42;color:#9af1e5;box-shadow:inset 3px 0 0 #61e8da}
:root[data-design="ai"] .sidebar .private-note strong{color:#9af1e5}
:root[data-design="ai"] .sidebar .avatar{background:#20424c;color:#b5f3e8}
:root[data-design="ai"] :is(.panel,.stat,.vendor-card,.catalog-card,.inbox){border-radius:18px}
:root[data-design="ai"] :is(.hero,.auth-story){background:linear-gradient(120deg,#163344,#0b1728);border-color:#315565;border-radius:18px}
:root[data-design="ai"] .auth-story{border-radius:0}
:root[data-design="ai"] :is(.hero h2,.auth-story h1,.auth-story .brand){color:#eff9ff}
:root[data-design="ai"] :is(.hero p,.auth-story p,.auth-story .brand small){color:#b9d0df}
:root[data-design="ai"] :is(.hero .eyebrow,.hero .hero-link,.auth-story .eyebrow,.auth-principles){color:#99ecde}
:root[data-design="ai"] :is(.hero .house-art,.auth-story .house-art){color:#7dc5c7}
:root:is([data-design="signature"],[data-design="ai"]) :is(.btn.primary,.sunstar-chat .btn.primary,.fb-button.fb-primary){background:var(--green);border-color:var(--green);color:var(--design-primary-ink)}
:root:is([data-design="signature"],[data-design="ai"]) :is(.btn.primary:hover,.fb-button.fb-primary:hover){background:var(--green);border-color:var(--green);color:var(--design-primary-ink);filter:brightness(1.08)}
:root:is([data-design="signature"],[data-design="ai"]) :is(.lang-button,.text-btn,.sunstar-chat .text-btn){color:var(--green)}
:root:is([data-design="signature"],[data-design="ai"]) :is(.sunstar-chat .sunstar-chat-mode,.sunstar-chat .sunstar-message.user){background:var(--sage);color:var(--ink)}
:root:is([data-design="signature"],[data-design="ai"]) :is(.sunstar-chat .btn,.sunstar-v2 .sv2-btn,.sunstar-v2 .sv2-tab){background:var(--sage);color:var(--green);border-color:var(--line)}
:root:is([data-design="signature"],[data-design="ai"]) .sunstar-v2 :is(.sv2-primary,.sv2-primary:hover,.sv2-btn.primary,.sv2-btn-primary,.sv2-tab[aria-selected="true"],.sv2-day[aria-pressed="true"]){background:var(--green);color:var(--design-primary-ink);border-color:var(--green)}
:root:is([data-design="signature"],[data-design="ai"]) .sunstar-v2{--v2-accent:var(--green);--v2-focus:var(--ai-focus);--v2-line:var(--line);--v2-ink:var(--ink);--v2-muted:var(--muted)}
:root:is([data-design="signature"],[data-design="ai"]) .sunstar-feedback{--fb-accent:var(--green);--fb-line:var(--line);--fb-ink:var(--ink);--fb-muted:var(--muted);--fb-soft:var(--sage)}
:root:is([data-design="signature"],[data-design="ai"]) :is(button,a,input,select,textarea,summary):focus-visible{outline-color:var(--ai-focus)}
@media(forced-colors:active){.design-option:has(input:checked){outline:2px solid Highlight;outline-offset:-3px}.design-option:has(input:focus-visible){outline-color:Highlight}.design-swatch{forced-color-adjust:none}}