/* Four light palettes. Shared components consume tokens; public site is untouched. */
:root[data-panel-theme]{color-scheme:light;--bg:#f8f4f5;--bg2:#f1e8eb;--panel:#fff;--panel2:#faf7f8;--cream:#30272c;--white:#fff;--muted:#6e6269;--line:#e3d8dd;--rose:#884b61;--rose2:#884b61;--nude:#f0dfe5;--green:#286347;--amber:#855511;--red:#a33843;--shadow:0 6px 25px #30272c06;--accent-soft:#f3e5eb;--focus:#884b61}
:root[data-panel-theme=sand]{--bg:#f8f6f1;--bg2:#eee8dd;--panel2:#faf8f3;--cream:#352f26;--muted:#6c6459;--line:#e4dccf;--rose:#805d38;--rose2:#805d38;--nude:#ebdeca;--accent-soft:#f3e9d9;--focus:#805d38}
:root[data-panel-theme=sage]{--bg:#f3f7f4;--bg2:#e4eeE8;--panel2:#f7faf8;--cream:#27362e;--muted:#5d6d63;--line:#d7e2db;--rose:#3c675c;--rose2:#3c675c;--nude:#dcebe2;--accent-soft:#e5f0e9;--focus:#3c675c}
:root[data-panel-theme=lavender]{--bg:#f6f4fa;--bg2:#ebe6f2;--panel2:#faf8fc;--cream:#302a3c;--muted:#696176;--line:#e0d9eb;--rose:#655286;--rose2:#655286;--nude:#e7dff0;--accent-soft:#ede7f5;--focus:#655286}
html[data-panel-theme] body{background:var(--bg);color:var(--cream)}
html[data-panel-theme] :is(.side,.top,.bottom-nav,.modal,.card,.ops-card,.service-card,.client-card,.team-card,.branch-card,.mapping-card,.profile,.cash-session-box){background:var(--panel);color:var(--cream);border-color:var(--line);box-shadow:var(--shadow)}
html[data-panel-theme] .side{border-right:1px solid var(--line)}html[data-panel-theme] .top{border-bottom:1px solid var(--line)}
html[data-panel-theme] .side-logo{background:#171210;border-radius:16px;margin:12px 16px 24px;height:92px;padding:10px}
html[data-panel-theme] :is(.btn,.icon-btn,.close,.input,.textarea,.select,select,input:not([type=checkbox]),textarea){background:var(--panel);color:var(--cream);border:1px solid var(--line)}
html[data-panel-theme] .btn.btn-primary{background:var(--rose);color:#fff;border-color:var(--rose)}
html[data-panel-theme] .ai-brief :is(p,strong){color:var(--cream)}
html[data-panel-theme] .side-logo.brand-mark{background:#fff!important}
html[data-panel-theme=dark] .side-logo.brand-mark{background:#171210!important}
.side-logo .brand-logo-light{display:none!important}
html[data-panel-theme]:not([data-panel-theme=dark]) .side-logo .brand-logo-dark{display:none!important}
html[data-panel-theme]:not([data-panel-theme=dark]) .side-logo .brand-logo-light{display:block!important;mix-blend-mode:multiply}
html[data-panel-theme] .btn-danger{background:#fff0f1;color:#9a2937;border-color:#ebbac1}
html[data-panel-theme] :is(.nav-btn,.bottom-nav button){color:var(--muted);background:transparent}
html[data-panel-theme] :is(.nav-btn.active,.bottom-nav button.active,.finance-tabs button.active,.segmented button.active,.date-chip.active){background:var(--accent-soft);color:var(--rose);border-color:var(--line);box-shadow:none}
html[data-panel-theme] :is(.nav-btn:hover,.btn-ghost:hover,.icon-btn:hover){background:var(--accent-soft);color:var(--rose)}
html[data-panel-theme] :is(.ai-brief,.notice,.demo-strip,.client-block,.price-box,.big-money,.ops-card.primary,.insight-card,.mini-summary,.context-tabs,.mapping-summary){background:var(--accent-soft);color:var(--cream);border-color:var(--line)}
html[data-panel-theme] :is(.status.ok){background:#e8f3ec;color:#286347}html[data-panel-theme] .status.warn{background:#fff1d9;color:#80500c}html[data-panel-theme] .status.bad{background:#ffebed;color:#9a2937}html[data-panel-theme] .status.neutral{background:var(--bg2);color:var(--muted)}
html[data-panel-theme] :is(.chip,.date-chip,.segmented,.finance-tabs button,.permission-tags span,.permission-tags label,.timeline-item,.anamnese-item,.stock-item,.cash-session-status){background:var(--panel2);color:var(--cream);border-color:var(--line)}
html[data-panel-theme] :is(.avatar,.mini-avatar){background:var(--accent-soft);color:var(--rose);border:1px solid var(--line)}
html[data-panel-theme] :is(.modal-head,.panel-head,.return-row,.appt-row,.divider){border-color:var(--line)}
html[data-panel-theme] :is(.screen-head p,.panel-head small,.client-block p,.team-card p,.service-card p,.muted,.tag-note){color:var(--muted)}
html[data-panel-theme] .bottom-nav{border-top:1px solid var(--line);backdrop-filter:none}html[data-panel-theme] .bottom-nav [onclick="openQuick()"]{background:var(--rose);color:#fff}
html[data-panel-theme] .toast{background:var(--cream);color:var(--panel)}html[data-panel-theme] .modal-bg{background:#211c2866;backdrop-filter:blur(3px)}
html[data-panel-theme] :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
/* Surface hierarchy shared by the four light palettes. */
html[data-panel-theme]:not([data-panel-theme=dark]){
 --shadow:0 3px 6px color-mix(in srgb,var(--cream) 4%,transparent),0 10px 26px color-mix(in srgb,var(--rose) 7%,transparent);
 --surface-tint:color-mix(in srgb,var(--accent-soft) 55%,white);
}
html[data-panel-theme]:not([data-panel-theme=dark]) :is(.card,.ops-card,.service-card,.client-card,.team-card,.branch-card,.mapping-card,.cash-session-box){border:1px solid var(--line);box-shadow:var(--shadow)}
html[data-panel-theme]:not([data-panel-theme=dark]) :is(.stat,.kpi,.insight-card):nth-child(even){background:var(--surface-tint)}
html[data-panel-theme]:not([data-panel-theme=dark]) :is(.stat,.kpi,.insight-card){border-top:3px solid color-mix(in srgb,var(--rose) 38%,white)}
html[data-panel-theme]:not([data-panel-theme=dark]) :is(.stat,.kpi,.insight-card):nth-child(even){border-top-color:var(--rose)}
html[data-panel-theme]:not([data-panel-theme=dark]) .card.panel:nth-child(even){background:var(--panel2)}
html[data-panel-theme]:not([data-panel-theme=dark]) .ai-brief{background:linear-gradient(120deg,var(--accent-soft),var(--surface-tint));border:1px solid var(--line);box-shadow:var(--shadow)}
html[data-panel-theme]:not([data-panel-theme=dark]) :is(.finance-tabs,.segmented,.context-tabs){background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:5px;gap:5px}
html[data-panel-theme]:not([data-panel-theme=dark]) :is(.finance-tabs button.active,.segmented button.active,.catalog-tab.active){background:var(--panel);color:var(--rose);box-shadow:0 2px 7px color-mix(in srgb,var(--cream) 12%,transparent);border-color:var(--line);font-weight:700}
html[data-panel-theme]:not([data-panel-theme=dark]) .nav-btn.active{background:var(--accent-soft);box-shadow:inset 3px 0 var(--rose),0 3px 8px color-mix(in srgb,var(--rose) 9%,transparent);font-weight:700}
html[data-panel-theme]:not([data-panel-theme=dark]) :is(.appt-row,.return-row):nth-child(even){background:var(--panel2);border-radius:10px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-panel-theme] :is(.timeline,.client-actions,.catalog-tab,.active-check,.list-row,.template-card,.tier-box,.portfolio-card,.toggle-line){background:var(--panel2);color:var(--cream);border-color:var(--line)}
html[data-panel-theme] .list-row.header{background:var(--accent-soft);color:var(--muted)}
html[data-panel-theme] .progress-line{background:var(--bg2)}
html[data-panel-theme] .preview-screen{--cream:#fff7f2;--muted:#b9aaa3;--rose2:#efc3ae;color:var(--cream)}
.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.theme-option{padding:14px;text-align:left;border:2px solid var(--line);background:var(--panel);border-radius:15px;color:var(--cream)}.theme-option[aria-pressed=true]{border-color:var(--rose);box-shadow:0 0 0 3px var(--accent-soft)}.theme-option>strong,.theme-option>small{display:block}.theme-option>strong{margin:12px 0 2px;font-size:16px}.theme-option>small{color:var(--muted);font-size:13px}.theme-preview{display:flex;height:90px;border:1px solid #e5e0e3;border-radius:8px;overflow:hidden;background:#faf9f8}.theme-preview>i{width:28%;background:var(--preview-accent)}.theme-preview>span{padding:12px;flex:1}.theme-preview b{display:block;width:50%;height:8px;background:var(--preview-accent);border-radius:3px}.theme-preview em{display:inline-block;width:42%;height:35px;margin:10px 4% 0 0;background:white;border:1px solid #e5e0e3;border-top:3px solid var(--preview-accent);border-radius:4px}.theme-selected{display:block;min-height:20px;margin-top:8px;font-size:12px;color:var(--rose);visibility:hidden}.theme-option[aria-pressed=true] .theme-selected{visibility:visible}
@media(max-width:700px){.top-actions>a{display:none}.theme-trigger{padding:10px!important}.top{padding:10px 14px}.theme-options{gap:10px}.theme-option{padding:10px}.theme-option>small{font-size:12px}.theme-preview{height:72px}.top-actions .btn{min-height:44px}.top-actions{gap:6px}}