/* Shared module chrome and the accepted light/dark appearance. */
:root{color-scheme:dark;--shell-bg:#0b0813;--shell-panel:#171122;--shell-raised:#21182e;--shell-text:#faf8ff;--shell-muted:#c0b5ce;--shell-line:#453650;--shell-gold:#e2c783}
:root[data-theme="light"]{color-scheme:light;--shell-bg:#faf7f2;--shell-panel:#fffdf9;--shell-raised:#eee7f2;--shell-text:#2e2137;--shell-muted:#665870;--shell-line:#cfc3d5;--shell-gold:#845d24;--bg-obsidian:#faf7f2;--bg-velvet:#f4eff5;--bg-card:#fffdf9;--bg-card-hover:#f1eaf4;--bg-glass:#fffdf9f2;--text-main:#2e2137;--text-secondary:#554660;--text-muted:#665870;--gold-primary:#9c7138;--gold-champagne:#845d24;--gold-warm:#845d24;--gold-muted:#9c713833;--amethyst-deep:#e5d9ed;--amethyst-primary:#72518d;--amethyst-bright:#75518f;--amethyst-light:#765589;--amethyst-soft:#5d3e73;--border-subtle:#d8cedc;--border-gold:#b79b72;--success:#26704b;--danger:#ab344d;--shadow-luxury:0 16px 40px #39274412;--shadow-gold:0 8px 24px #8a67201c}
.theme-toggle{white-space:nowrap}
[hidden]{display:none!important}
.milani-module-bar{container-type:normal;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:18px;row-gap:14px;padding:22px 24px;border-bottom:1px solid var(--shell-line);background:var(--shell-bg);color:var(--shell-text)}
:is(#milani-notebook,.milani-calculator) .milani-module-bar .milani-module-title{font:400 24px/1.25 Georgia,serif;letter-spacing:normal;margin:0;color:var(--shell-text)}
.milani-module-back,:is(#milani-notebook,.milani-calculator) .milani-module-bar button{min-height:44px;max-width:100%;font:400 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border:1px solid var(--shell-line);border-radius:10px;padding:9px 14px;background:var(--shell-raised);color:var(--shell-text);cursor:pointer}
.milani-module-back:hover,:is(#milani-notebook,.milani-calculator) .milani-module-bar button:hover{border-color:var(--shell-gold)}
.milani-module-back{justify-self:start;white-space:nowrap}
.milani-module-services{display:flex;gap:7px;align-items:center}
.milani-module-services>button{white-space:nowrap}
:is(#milani-notebook,.milani-calculator) .milani-module-services>button{white-space:nowrap}
.milani-module-bar .mc-help-pair{display:contents}
.milani-module-bar .milani-info{display:none!important}
.milani-calculator .mc-draft-status{padding:12px 24px 0;color:var(--shell-muted);font-size:12px}
.milani-calculator .mc-workspace>.mc-utility{margin-bottom:20px}
.milani-calculator .mc-workspace>.mc-heading{margin-bottom:20px;flex-wrap:wrap}
#milani-notebook .mn-product{max-width:1200px}
.milani-calculator .mc-tabs{flex-wrap:wrap}
.milani-calculator .mc-return{display:none}
#milani-notebook .mn-body{padding-top:18px}
#milani-notebook .mn-title-row h1{font:400 27px/1.25 Georgia,serif}
body:is([data-secret-screen="calculator"],[data-secret-screen="finances"]) .site-header #currency-switcher{display:none}
/* Keep the same header structure at both widths, including with help enabled. */
#mn-app,.milani-calculator{container-name:milaniWorkspace;container-type:inline-size}
@container milaniWorkspace (max-width:760px){.milani-module-bar{grid-template-columns:auto minmax(0,1fr)}.milani-module-title{text-align:right}.milani-module-services{grid-column:1/-1;justify-content:flex-end}}
@container milaniWorkspace (max-width:520px){.milani-module-bar{grid-template-columns:minmax(0,1fr);padding:16px 14px;gap:9px}:is(#milani-notebook,.milani-calculator) .milani-module-bar .milani-module-title{grid-row:2;text-align:left;font-size:25px}.milani-module-services{grid-column:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:7px;width:100%;margin-top:4px}:is(#milani-notebook,.milani-calculator) .milani-module-services>button{font-size:13px;padding:10px 8px}}
@media(max-width:520px){.theme-label-full{display:none}.header-inner{padding:12px 14px!important;gap:12px}.header-controls{gap:7px;flex-wrap:wrap}.header-controls .btn{padding:9px 10px;min-height:44px;font-size:12px}.site-header .brand-name{font-size:1.35rem}.site-header .brand-sub{font-size:.6rem}.milani-calculator .mc-draft-status{padding-left:18px}}
@media(max-width:520px){body[data-page="secret"] .site-header .header-controls{display:grid;grid-template-columns:auto auto 1fr;width:100%}body[data-page="secret"] .site-header .header-controls .btn{font-size:11px;padding:8px 6px}}
/* Light mode uses original document colours for exports and no image filters. */
:root[data-theme="light"] .site-header{background:#fffdf9f2}
:root[data-theme="light"] .btn-gold{background:#e4c984;color:#24180f}
:root[data-theme="light"] .btn-gold:hover{background:#d6b977}
:root[data-theme="light"] :is(.hero-showcase-card,.founder-card,.custom-builder-box,.jewelry-card,.modal-card,.secret-hub-card,.admin-panel,.builder-option,.choice-card,.wishmap-settings-panel,.wishmap-top-panel,.founder-bio-card){background:var(--bg-card);color:var(--text-main);box-shadow:var(--shadow-luxury)}
:root[data-theme="light"] .wishmap-fullscreen-overlay{background:var(--bg-obsidian);color:var(--text-main)}
:root[data-theme="light"] :is(.step-pill,.category-pill,.stat-box,.input-luxury,.currency-select){background:var(--bg-velvet);color:var(--text-main)}
:root[data-theme="light"] .hero-card-overlay{color:#fff;background:linear-gradient(transparent,#17101bd9)}
:root[data-theme="light"] .hero-card-overlay .gold-gradient-text{background:none;-webkit-text-fill-color:#f0ddb2;color:#f0ddb2}
:root[data-theme="light"] .hero-card-overlay .amethyst-badge{background:#f3eafaeb;color:#51386a}
:root[data-theme="light"] :is(.brand-gem-icon,.jewelry-img-wrap,.founder-photo-frame){background:var(--bg-velvet)}
:root[data-theme="light"] :is(.like-gem-btn,.btn-back-soft,.collapsible-settings-drawer,.milani-toast,.wishmap-floating-panel,.wish-card,.wishmap-center-hub,.wish-action-pill,.wish-sector-tag,.wishmap-mode-banner,.wish-pin-connector){background:var(--shell-panel);color:var(--shell-text)}
:root[data-theme="light"] :is(.floating-wish-bubble,.step-bubble-chip){color:var(--shell-text);text-shadow:none}
:root[data-theme="light"] .wish-photo-wrap{background:var(--bg-velvet)}
:root[data-theme="light"] .secret-Unlocked-bottom-bar{background:var(--bg-card);color:var(--text-main)}
:root[data-theme="light"] .milani-calculator{--mc-bg:#faf7f2;--mc-panel:#fffdf9;--mc-field:#eee7f2;--mc-line:#cfc3d5;--mc-gold:#845d24;--mc-bronze:#9c7138;--mc-ink:#2e2137;--mc-muted:#665870;--mc-green:#26704b;--mc-error:#ab344d}
:root[data-theme="light"] .milani-calculator .mc-modes{background:var(--mc-panel)}
:root[data-theme="light"] .milani-calculator button[aria-pressed="true"]{background:var(--mc-field);border-color:var(--mc-bronze)}
:root[data-theme="light"] .milani-calculator .mc-tabs button[aria-pressed="true"]{background:transparent}
:root[data-theme="light"] .milani-calculator button.mc-primary{background:#e4c984;color:#24180f;border-color:#c2a062}
:root[data-theme="light"] .milani-calculator button.mc-primary:hover{background:#d6b977}
:root[data-theme="light"] .milani-calculator .mc-result{background:var(--mc-panel);border-color:var(--mc-line)}
:root[data-theme="light"] .milani-calculator .mc-paper:not(.mc-print){background:var(--mc-panel)}
:root[data-theme="light"] #milani-notebook{color-scheme:light;--mn-bg:#faf7f2;--mn-panel:#fffdf9;--mn-panel-alt:#eee7f2;--mn-fg:#2e2137;--mn-muted:#665870;--mn-gold:#845d24;--mn-line:#cfc3d5;--mn-purple:#76518f;--mn-green:#20744b;--mn-red:#b33b5a;--mn-blue:#2767ad;--mn-amber:#94610a}
:root[data-theme="light"] #milani-notebook :is(button.mn-primary,button[aria-pressed="true"]){color:#fffdf8}
:root[data-theme="light"] #milani-notebook .mn-legend button[aria-pressed]{color:var(--mn-fg)}
:root[data-theme="light"] #milani-notebook .mn-alert{background:#fae8ee;color:#7b2944;border-color:#d7a6b6}
:root[data-theme="light"] .milani-context-tip{background:var(--shell-raised);color:var(--shell-text);border-color:var(--shell-line)}
:root[data-theme="light"] .milani-help{background:var(--shell-panel);color:var(--shell-text);border-color:var(--shell-line)}
:root[data-theme="light"] .milani-help :is(h2,summary){color:var(--shell-gold)}
:root[data-theme="light"] .milani-help :is(button,.help-example){background:var(--shell-raised);color:var(--shell-text);border-color:var(--shell-line)}
:root[data-theme="light"] .milani-help :is(header,details){border-color:var(--shell-line)}
:root[data-theme="light"] :is(.milani-calculator,.milani-help) button.milani-info{color:var(--shell-muted)}

/* Service actions stay visually secondary across the two financial modules. */
.header-controls .btn{font-size:12px;padding:6px 10px;min-height:32px;box-shadow:none}
.header-controls .btn-gold{background:transparent;border:1px solid var(--shell-line);color:var(--shell-muted)}
:is(#milani-notebook,.milani-calculator) .milani-module-services>button{font-size:11px;min-height:30px;padding:5px 7px;background:transparent;border-color:transparent;color:var(--shell-muted)}
@container milaniWorkspace (max-width:520px){.milani-module-services{display:flex;width:auto;justify-content:flex-end;margin-top:0}:is(#milani-notebook,.milani-calculator) .milani-module-services>button{font-size:11px;min-height:44px;padding:8px}}
@media(max-width:760px){.header-controls .btn{min-height:44px;font-size:11px;padding:8px}}
.theme-toggle{gap:3px}

/* Room shortcut is redundant on the room itself. */
body[data-secret-screen="home"] .secret-header-home{display:none}
@media(max-width:760px){
 #secret-workspace-screen .milani-module-bar{grid-template-columns:auto minmax(0,1fr)}
 #secret-workspace-screen .milani-module-bar .milani-module-back{grid-area:1/1}
 #secret-workspace-screen .milani-module-bar .milani-module-title{grid-area:1/2;text-align:left;overflow-wrap:anywhere}
 #secret-workspace-screen .milani-module-services{grid-area:2/1/3/-1}
 .commerce-desktop-help{display:none}
}
