/* Premium Studio: twelve authored visual families, two accessible display modes. */
body{--st-accent:#1267ef;--st-ink:#173354;--st-muted:#61758e;--st-bg:#f1f6fc;--st-paper:#fff;--st-line:#d8e4f1;--st-soft:#e8f2ff;--st-serif:inherit}
body[data-design="minimal"]{--st-accent:#53616d;--st-ink:#2a3036;--st-bg:#f4f3f0;--st-soft:#eceae5;--st-line:#dbdad4}
body[data-design="sage"]{--st-accent:#54785b;--st-ink:#324e3a;--st-bg:#f4f1e6;--st-soft:#e6ead9;--st-line:#d4d9c6;--st-serif:Georgia,serif}
body[data-design="elegant"]{--st-accent:#9a793b;--st-ink:#262b39;--st-bg:#f7f3eb;--st-soft:#f1e8d7;--st-line:#ded3bd;--st-serif:Georgia,serif}
body[data-design="simple"]{--st-accent:#397b83;--st-ink:#274d54;--st-bg:#f5faf9;--st-soft:#e5f3f0;--st-line:#d5e8e3}
body[data-design="techno"]{--st-accent:#7855d8;--st-ink:#282350;--st-bg:#eeeefa;--st-soft:#e5e0ff;--st-line:#d4cff0;--st-serif:Consolas,monospace}
body[data-design="inspire"]{--st-accent:#b56c43;--st-ink:#60412c;--st-bg:#fff7eb;--st-soft:#fae7ce;--st-line:#ecd6bc;--st-serif:Georgia,serif}
body[data-design="spring"]{--st-accent:#718a54;--st-ink:#3b553a;--st-bg:#f6faed;--st-soft:#e9f0da;--st-line:#dce7cc;--st-serif:Georgia,serif}
body[data-design="summer"]{--st-accent:#c16e1b;--st-ink:#67491f;--st-bg:#fffbeb;--st-soft:#fff0b9;--st-line:#eedfae}
body[data-design="autumn"]{--st-accent:#a65c3f;--st-ink:#633d2e;--st-bg:#f8eee5;--st-soft:#f0dac6;--st-line:#e4cbb8;--st-serif:Georgia,serif}
body[data-design="rain"]{--st-accent:#527a9b;--st-ink:#344d65;--st-bg:#edf3f7;--st-soft:#dfeaf2;--st-line:#cbdce8}
body[data-design="rose"]{--st-accent:#9b648b;--st-ink:#62445b;--st-bg:#fcf1f7;--st-soft:#f3e0ed;--st-line:#e7cfde;--st-serif:Georgia,serif}
body[data-design] .app-main{background:var(--st-bg);color:var(--st-ink)}
body[data-design] .workspace h1,body[data-design] .workspace h2,body[data-design] .workspace h3{color:var(--st-ink);font-family:var(--st-serif)}
body[data-design] .panel,body[data-design] .table-panel,body[data-design] .metric,body[data-design] .insight-card,body[data-design] .goal-card,body[data-design] .task-card{background:var(--st-paper);border-color:var(--st-line);color:var(--st-ink)}
body[data-design] .analytics .panel:nth-child(2),body[data-design] .backup-choice{background:var(--st-paper);border-color:var(--st-line);color:var(--st-ink)}
body[data-design] .workspace-heading .eyebrow,body[data-design] .status-chip{color:var(--st-accent)}body[data-design] .bar-label,body[data-design] .bar-value{color:var(--st-ink)}
body[data-design] .metric{border-top:3px solid var(--st-accent)}
body[data-design] .metric strong,body[data-design] .metric span,body[data-design] .metric-note{color:var(--st-ink)}
body[data-design] .btn.primary,body[data-design] .bar-fill{background:var(--st-accent);border-color:var(--st-accent)}
body[data-design] .btn{color:var(--st-ink);border-color:var(--st-line);background:var(--st-paper)}body[data-design] .btn.primary{color:white}
body[data-design] .table-heading,body[data-design] thead{background:var(--st-soft);color:var(--st-ink)}
body[data-design] th,body[data-design] td{border-color:var(--st-line);color:var(--st-ink)}
body[data-design] .workspace p,body[data-design] .workspace small,body[data-design] .app-bottom{color:var(--st-muted)}
body[data-design] input,body[data-design] select,body[data-design] textarea{background:var(--st-paper);border-color:var(--st-line);color:var(--st-ink);color-scheme:light}
body[data-design] .dialog-body,body[data-design] dialog,body[data-design] .dialog-actions{background:var(--st-paper);color:var(--st-ink)}
body[data-design] .dialog-head{background:var(--st-accent);color:white}
body[data-design] .dialog-body p,body[data-design] .dialog-body small{color:var(--st-muted)}
body[data-design="minimal"] .metric,body[data-design="minimal"] .panel,body[data-design="simple"] .panel{box-shadow:none;border-radius:7px}
body[data-design="elegant"] .workspace-heading{border-bottom:1px solid #b39862;padding-bottom:28px}body[data-design="elegant"] .panel{border-radius:3px}
body[data-design="sage"] .workspace-heading:after,body[data-design="spring"] .workspace-heading:after{content:'✧';font-size:60px;color:var(--st-accent);opacity:.6}
body[data-design="techno"] .app-main{background-image:linear-gradient(#7855d80b 1px,transparent 1px),linear-gradient(90deg,#7855d80b 1px,transparent 1px);background-size:28px 28px}
body[data-design="techno"] .panel,body[data-design="techno"] .metric{border-radius:2px;box-shadow:4px 4px 0 var(--st-line)}
body[data-design="inspire"] .workspace-heading:after{content:'Begin with one small step.';font:italic 19px Georgia;max-width:180px;color:var(--st-accent)}
body[data-design="summer"] .workspace-heading{background:radial-gradient(circle at 100% 0,#f5b73555,transparent 40%);padding:25px;border-radius:22px}
body[data-design="rain"] .app-main{background-image:repeating-linear-gradient(115deg,transparent,transparent 17px,#527a9b08 18px,#527a9b08 19px)}
body[data-color-mode="dark"]{--st-ink:#e4eaf3;--st-muted:#aab8cd;--st-bg:#101827;--st-paper:#1b2637;--st-line:#39465a;--st-soft:#25334a;--st-accent:#6ca8ff;color-scheme:dark}
body[data-color-mode="dark"][data-design="sage"],body[data-color-mode="dark"][data-design="spring"]{--st-accent:#99c59b;--st-bg:#15201a;--st-paper:#202e26;--st-soft:#2d4032;--st-line:#465c4b}
body[data-color-mode="dark"][data-design="rose"]{--st-accent:#dda1cc;--st-bg:#231923;--st-paper:#322637;--st-soft:#46344b;--st-line:#624d68}
body[data-color-mode="dark"][data-design="elegant"]{--st-accent:#d2b974;--st-bg:#191b22;--st-paper:#252832;--st-soft:#343742;--st-line:#595449}
body[data-color-mode="dark"][data-design="autumn"],body[data-color-mode="dark"][data-design="summer"],body[data-color-mode="dark"][data-design="inspire"]{--st-accent:#efb27b;--st-bg:#231c18;--st-paper:#342a24;--st-soft:#49382c;--st-line:#665044}
body[data-color-mode="dark"][data-design="techno"]{--st-accent:#b19cff;--st-bg:#17152c;--st-paper:#25213d;--st-soft:#363050;--st-line:#564a7b}
body[data-color-mode="dark"] .sidebar{background:var(--st-paper);border-color:var(--st-line)}body[data-color-mode="dark"] .sidebar a,body[data-color-mode="dark"] .sidebar button,body[data-color-mode="dark"] .brand{color:var(--st-ink)}
body[data-color-mode="dark"] .app-topbar{background:var(--st-paper);border-color:var(--st-line)}body[data-color-mode="dark"] .app-topbar a,body[data-color-mode="dark"] .brand small,body[data-color-mode="dark"] .guide-list li{color:var(--st-muted)}body[data-color-mode="dark"] .dialog-head{background:var(--st-soft);color:var(--st-ink)}body[data-color-mode="dark"] .dialog-head h2{color:var(--st-ink)}
body[data-color-mode="dark"] .sidebar-note,body[data-color-mode="dark"] .side-nav .active{background:var(--st-soft);border-color:var(--st-line);color:var(--st-ink)}body[data-color-mode="dark"] .sidebar-note strong{color:var(--st-ink)}
body[data-color-mode="dark"] input,body[data-color-mode="dark"] select{color-scheme:dark}body[data-color-mode="dark"] .btn.primary{color:#101827}
.workspace-heading{flex-wrap:wrap}.toolbar{flex-wrap:wrap;max-width:100%;gap:9px}.workspace-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0 16px}.workspace-tabs button{padding:11px 17px;border:1px solid var(--st-line);border-radius:10px;background:var(--st-paper);color:var(--st-ink);font-weight:650;cursor:pointer}.workspace-tabs button.active{background:var(--st-accent);color:var(--st-bg);border-color:var(--st-accent)}.period-ribbon{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:14px 0 22px;font-size:11px;font-weight:750;letter-spacing:.07em;color:var(--st-muted)}
.suite-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}.suite-intro{padding:26px;border-left:4px solid var(--st-accent);background:var(--st-soft);border-radius:0 18px 18px 0}.suite-intro h2{font-size:34px}.suite-tool h3{font-size:24px}.suite-tool .btn{margin-top:12px}body[data-view="collection"] .metrics,body[data-view="collection"] .analytics,body[data-view="collection"] .table-panel{display:none}@media(max-width:800px){.suite-grid{grid-template-columns:1fr}}
body[data-view="collection"] .toolbar label,body[data-view="collection"] .toolbar [data-action="period"],body[data-view="collection"] .toolbar [data-action="add"]{display:none}
.premium-insights{margin:24px 0}.insight-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.insight-card{padding:23px;border:1px solid var(--st-line);border-radius:16px;display:flex;flex-direction:column;gap:12px}.insight-card span{font-size:12px;font-weight:700}.insight-card strong{font-size:25px;overflow-wrap:anywhere}.insight-card small{font-size:11px;line-height:1.7}.premium-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.wide-panel{grid-column:1/-1}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.panel-title h2{margin:10px 0}.helper-note{font-size:12px;line-height:1.7}.trend-chart svg{display:block;width:100%;max-height:260px}.trend-chart small{font-size:11px}.envelope{padding:15px 0;border-bottom:1px solid var(--st-line)}.envelope>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.envelope progress,progress{width:100%;height:8px;accent-color:var(--st-accent)}.envelope small{display:block;font-size:11px;margin-top:8px}.warning-text{color:#bd5541!important}.goal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.goal-card{padding:24px;border:1px solid var(--st-line);border-radius:18px}.goal-card h3{font-size:20px}.goal-ring{height:130px;width:130px;border-radius:50%;background:conic-gradient(var(--st-accent) var(--goal),var(--st-soft) 0);display:grid;place-items:center;margin:22px auto}.goal-ring span{height:103px;width:103px;border-radius:50%;display:grid;place-items:center;background:var(--st-paper);font-size:25px;font-weight:700}.check-label{display:flex;gap:12px;align-items:center}.check-label input{width:auto}.task-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0}.board-column{padding:18px;background:var(--st-soft);border-radius:18px}.board-column h2{font-size:18px}.task-card{padding:20px;border:1px solid var(--st-line);border-radius:12px;margin-top:15px}.task-card h3{font-size:16px}.task-card p{font-size:12px;white-space:pre-wrap}.task-card small{display:block;margin:12px 0}.task-calendar{margin:25px 0;background:var(--st-paper);border:1px solid var(--st-line);padding:20px;border-radius:18px}.calendar-weekdays,.calendar-cells{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays b{padding:14px 7px;font-size:12px}.calendar-day{min-height:115px;border:1px solid var(--st-line);padding:8px;overflow-wrap:anywhere}.calendar-day time{font-size:12px;font-weight:700}.calendar-task{display:block;border-left:3px solid var(--st-accent);padding:5px;margin-top:7px;background:var(--st-soft);font-size:10px}.calendar-task.completed{text-decoration:line-through;opacity:.6}.muted-day{opacity:.45}.walkthrough h3{font-size:26px}.walkthrough p{font-size:16px;line-height:1.9}.walkthrough progress{margin-top:25px}
body[data-view="records"] .metrics,body[data-view="records"] .analytics,body[data-view="records"] .premium-insights,body[data-view="insights"] .metrics,body[data-view="insights"] .analytics,body[data-view="insights"] .table-panel{display:none}
.task-board,.task-calendar{display:none}body[data-view="board"] .task-board{display:grid}body[data-view="calendar"] .task-calendar{display:block}body[data-view="board"] .metrics,body[data-view="board"] .analytics,body[data-view="board"] .premium-insights,body[data-view="board"] .table-panel,body[data-view="calendar"] .metrics,body[data-view="calendar"] .analytics,body[data-view="calendar"] .premium-insights,body[data-view="calendar"] .table-panel{display:none}
@media(max-width:1050px){.insight-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-grid{grid-template-columns:1fr}.task-board{grid-template-columns:1fr}.workspace-heading:after{display:none}}
@media(max-width:600px){.insight-kpis{grid-template-columns:1fr 1fr}.insight-card{padding:16px}.insight-card strong{font-size:20px}.calendar-day{padding:4px;min-height:90px}.calendar-task{font-size:9px}.workspace-tabs button{padding:9px;font-size:11px}.task-calendar{padding:8px}}
@media print{body[data-design]{--st-ink:#111;--st-muted:#444;--st-bg:white;--st-paper:white;--st-line:#ccc;--st-soft:#eee}.workspace-tabs,.period-ribbon,.toolbar{display:none}.premium-insights,.task-board,.task-calendar,.table-panel,.metrics,.analytics{break-inside:avoid}.premium-grid{display:block}.panel{margin-bottom:18px}button{display:none!important}}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-grid>strong{padding:12px;font-size:12px}.calendar-grid .calendar-day{background:var(--st-paper);color:var(--st-ink);text-align:left;cursor:pointer;border-radius:9px;min-height:145px}.calendar-day>strong,.calendar-day>span,.calendar-day>em,.calendar-day>small{display:block;margin:4px 0}.calendar-day>span,.calendar-day>em{font-size:11px;padding:4px;background:var(--st-soft);font-style:normal}.calendar-day>small{font-size:10px;color:var(--st-muted)}.outside-month{opacity:.5}.calendar-day:hover{outline:2px solid var(--st-accent)}.annual-view{margin:25px 0}.annual-bars{display:flex;align-items:flex-end;justify-content:space-around;height:175px;gap:5px}.annual-bars>div{text-align:center;flex:1}.annual-bars>div>div{height:140px;display:flex;align-items:flex-end;justify-content:center;gap:3px}.annual-bars i{display:block;width:35%;min-height:1px;border-radius:4px 4px 0 0}.annual-bars small{font-size:10px}.annual-donut{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;margin:20px auto}.annual-donut span{display:grid;place-items:center;width:130px;height:130px;border-radius:50%;background:var(--st-paper);font-size:18px;font-weight:700}body[data-view="annual"] .metrics,body[data-view="annual"] .analytics,body[data-view="annual"] .table-panel{display:none}textarea{background:var(--st-paper);color:var(--st-ink);border:1px solid var(--st-line);width:100%;border-radius:9px;padding:12px}@media(max-width:700px){.shared-calendar{overflow-x:auto}.calendar-grid{min-width:700px}}
body[data-design][data-color-mode="dark"] .metric:nth-child(n){background:var(--st-paper);border-color:var(--st-line);border-top-color:var(--st-accent);color:var(--st-ink)}body[data-design][data-color-mode="dark"] .sidebar .brand{color:var(--st-ink)}body[data-design][data-color-mode="dark"] .sidebar .brand small,body[data-design][data-color-mode="dark"] .sidebar-label{color:var(--st-muted)}body[data-design][data-color-mode="dark"] .dialog-actions,body[data-design][data-color-mode="dark"] .table-heading{background:var(--st-soft);color:var(--st-ink)}