:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#213832;background:#f4f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #cbd5cf;border-radius:7px;background:white;padding:11px 16px;color:#213832}button:hover{background:#edf3ed}button:focus-visible,a:focus-visible{outline:3px solid #bd7d37;outline-offset:3px}button.primary{background:#244b40;color:white;border-color:#244b40}button:disabled{opacity:.5;cursor:wait}input,textarea{display:block;border:1px solid #cbd5cf;background:#fff;border-radius:6px;padding:11px;width:100%;margin-top:6px;color:#213832}label{font-size:13px;font-weight:600}small,.muted{color:#67776f}.login{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.intro{padding:12vh 9vw;background:#244b40;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.intro h1{font-size:46px;line-height:1.12;font-weight:500;letter-spacing:-2px}.intro p{color:#d2dfd5;max-width:410px;line-height:1.7}.login form{width:min(370px,85%);margin:auto;display:grid;gap:23px}.brand{letter-spacing:3px;font-weight:600;font-size:20px}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100dvh}aside{border-right:1px solid #dbe2db;background:#fbfcf9;padding:36px 23px;display:flex;flex-direction:column;gap:36px}aside .brand{font-size:17px}nav{display:grid;gap:8px}nav button{border:0;text-align:left;background:transparent}nav button.active{background:#e5ede5;font-weight:600}aside footer{margin-top:auto;font-size:12px;line-height:1.7}main{padding:42px 5vw;max-width:1450px;width:100%}.top{display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:#718178}h1{font-size:34px;font-weight:500;letter-spacing:-1px;margin:12px 0}h2{font-size:21px;font-weight:500}.banner{padding:15px 18px;background:#e9eee5;border-left:3px solid #849b6f;font-size:14px;line-height:1.6;margin:25px 0}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:34px 0}.kpi{padding:20px 0;border-top:1px solid #cbd5cf}.kpi strong{display:block;font-size:32px;font-weight:500;margin-top:16px;letter-spacing:-1px}.panel{padding:25px;background:#fff;border:1px solid #dce3da;border-radius:9px;margin-top:22px}.empty{padding:55px 20px;text-align:center;line-height:1.8;color:#68786d}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row label{flex:1;min-width:150px}.report{margin-top:16px;border-top:1px solid #dce3da;padding:22px 0}.badge{font-size:11px;letter-spacing:1px;padding:5px 9px;background:#e9eee5;border-radius:4px}.operation{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;background:#f6f8f4;padding:18px;margin:14px 0;align-items:center}.operation p{margin:5px 0}.error{color:#9f332b;min-height:22px}.chart-row{display:grid;grid-template-columns:110px 1fr 120px;gap:15px;align-items:center;margin:18px 0}.bar{height:18px;background:#527b63;min-width:2px}#notice{position:fixed;right:24px;bottom:24px;background:#244b40;color:white;max-width:450px;padding:0;border-radius:7px}#notice:not(:empty){padding:16px}a{color:#244b40}.spaced{margin-top:25px}.security{max-width:540px;display:grid;gap:18px}.small-btn{padding:6px 11px;font-size:12px}@media(max-width:850px){.shell{grid-template-columns:1fr}aside{padding:20px;border-bottom:1px solid #dbe2db;gap:16px}nav{display:flex;overflow:auto}aside footer{display:none}main{padding:25px 20px}.kpis{gap:12px}.kpi strong{font-size:25px}.login{grid-template-columns:1fr}.intro{padding:30px}.intro h1{font-size:32px}.login form{margin:40px auto}.operation{grid-template-columns:1fr}.top{align-items:flex-start}.chart-row{grid-template-columns:80px 1fr 80px}}
.intro small{color:#c3d2c9}
select{display:block;font:inherit;width:100%;padding:12px;margin-top:6px;border:1px solid #cbd5cf;border-radius:6px;background:white;color:#213832}select:disabled{background:#f1f4ef;color:#6d7e72}.settings-tabs{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.settings-tabs button{border:0;background:transparent}.settings-tabs button.active{background:#244b40;color:white}.settings-tabs [hidden]{display:none}[hidden]{display:none!important}.security{max-width:640px}.security select{max-width:100%}
@media(min-width:851px) and (max-width:1150px){.kpis{grid-template-columns:1.5fr 1fr 1fr}.kpi strong{font-size:24px}}

@media(max-width:600px){.kpis{grid-template-columns:1fr 1fr}.kpi:first-child{grid-column:1/-1}}

.operation>div{min-width:0;overflow-wrap:anywhere}.operation select{min-width:0;max-width:100%}.operation form{display:grid;gap:10px}

.payroll-fields{border:0;padding:0;margin:0;min-width:0}
.future-agent small{display:block;margin-top:5px;font-weight:400}.future-agent:disabled{cursor:default;opacity:.55}.financier-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 12px}.financier-tabs button.active{background:#244b40;color:#fff}.financier-actions{margin-bottom:24px}.report-chart>svg{width:100%;height:auto;min-height:180px}.chart-legend{color:#244b40}.analysis-finding{margin:18px 0;padding-left:16px;border-left:2px solid #cbd5cf}.analysis-finding p{line-height:1.65;margin:6px 0}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid #dce3da}main{min-width:0}@media(max-width:850px){.financier-tabs{overflow:auto;flex-wrap:nowrap}.financier-tabs button{white-space:nowrap}.financier-actions{gap:6px}}

.password-change-panel{max-width:620px;margin:48px auto}.password-change-panel form{display:grid;gap:16px}@media(max-width:680px){.password-change-panel{margin:16px}}
.report-intro{margin:30px 0 24px}.report-intro>span{font-size:10px;letter-spacing:2px;color:#7c8e83}.report-intro h2{font-size:28px;letter-spacing:-.8px;margin:10px 0}.report-intro p{font-size:13px;color:#76877b}.executive-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:22px 0}.executive-kpi{padding:24px;background:#fff;border:1px solid #e0e7df;border-radius:14px;box-shadow:0 5px 20px #244b4005}.executive-kpi>small{font-size:12px;color:#75867c}.executive-kpi>strong{display:block;font-size:clamp(23px,2.4vw,34px);font-weight:500;letter-spacing:-1.2px;margin:15px 0 13px;white-space:nowrap}.executive-kpi p{font-size:11px;color:#849187;margin:9px 0 0}.executive-kpi>div{font-size:12px}.metric-change{color:#376b54}.chart-panel{padding:30px;border-radius:16px;box-shadow:0 8px 30px #244b4005}.premium-chart{margin:0}.chart-heading{display:flex;align-items:center;justify-content:space-between}.chart-heading small{font-size:10px;letter-spacing:1.8px;color:#819286}.chart-heading p{font-size:21px;margin:8px 0 20px;letter-spacing:-.3px}.chart-unit{font-size:12px;color:#809183;background:#f4f7f2;padding:8px 12px;border-radius:6px}.chart-legend{display:flex;gap:22px;flex-wrap:wrap;margin:0 0 8px;font-size:12px;color:#64796b}.chart-legend span{display:flex;align-items:center;gap:7px}.premium-chart .finance-plot{min-height:230px;max-height:380px}.chart-axis{font:11px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;fill:#899b8e}.chart-crosshair{opacity:0;pointer-events:none}.chart-hover:hover .chart-crosshair,.chart-hover:focus-within .chart-crosshair{opacity:1}.chart-hover rect{cursor:crosshair;outline:none}.chart-readout{min-height:38px;font-size:12px;line-height:1.7;color:#6f8475;padding:10px 14px;background:#f6f8f4;border-radius:8px}.chart-empty{padding:48px 20px;text-align:center;color:#85958a;background:#f6f8f4;border-radius:12px}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.insight-grid .panel{border-radius:15px}.appointment-donut{display:grid;grid-template-columns:155px 1fr;gap:20px;align-items:center;margin:24px 0}.appointment-donut>svg{width:155px}.donut-total{font-size:28px;font-weight:500;fill:#244b40}.appointment-donut>div p{display:flex;justify-content:space-between;gap:15px;font-size:13px;padding:5px 0}.appointment-donut small{font-size:11px;color:#8b998e}.service-distribution{margin:20px 0}.service-distribution>div{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.service-distribution progress{width:100%;height:7px;border:0;border-radius:4px;overflow:hidden;accent-color:#547b61}.service-distribution progress::-webkit-progress-bar{background:#edf2eb;border-radius:4px}.service-distribution progress::-webkit-progress-value{background:linear-gradient(90deg,#a1bba6,#527b61);border-radius:4px}.report-builder summary{cursor:pointer;font-size:14px}.report-metric-options{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.report-metric-options label{display:flex;align-items:center;gap:8px;font-weight:400}.report-metric-options input{width:auto;margin:0}.report-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.financier-chat{display:grid;gap:12px;border-top:1px solid #e5ebe2;padding-top:24px}.financier-chat small{font-size:11px;line-height:1.6}.financier-chat button{justify-self:start}.financier-chat textarea{min-height:88px;resize:vertical}.chat-question{background:#f1f5ee;padding:16px 20px;border-radius:10px}.report-chart svg{overflow:visible}@media(max-width:1000px){.insight-grid{grid-template-columns:1fr}.executive-kpi>strong{font-size:25px}}@media(max-width:600px){.executive-kpis{grid-template-columns:1fr 1fr;gap:10px}.executive-kpi{padding:16px}.executive-kpi>strong{font-size:21px;letter-spacing:-.8px;white-space:normal}.chart-panel{padding:16px}.report-filter-grid{grid-template-columns:1fr}.appointment-donut{grid-template-columns:125px 1fr}.appointment-donut>svg{width:125px}}

.chart-legend svg{width:10px;height:10px;min-height:0;flex:0 0 10px}.executive-kpi:first-child{background:linear-gradient(135deg,#214b3e,#356450);border-color:#285340;color:#fff}.executive-kpi:first-child>small,.executive-kpi:first-child p,.executive-kpi:first-child .muted{color:#c4d7ca}.executive-kpi:first-child .metric-change{color:#d5e8ce}.executive-kpi{min-width:0;transition:transform .2s,box-shadow .2s}.executive-kpi:hover{transform:translateY(-2px);box-shadow:0 10px 24px #244b4010}@media(min-width:1101px){.executive-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.executive-kpi{transition:none}.executive-kpi:hover{transform:none}}
/* Salary (Зарплата) — layout from the approved mockup, 26.10.2026 */
.sal-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin:18px 0}.sal-toolbar label{display:grid;gap:4px;font-size:12px}.sal-toolbar select,.sal-toolbar input{margin:0;padding:9px 10px;border:1px solid #cbd5cf;border-radius:8px;background:#fff;width:auto}
.sal-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:6px 0 18px}.sal-kpi{background:#fff;border:1px solid #dce3da;border-radius:14px;padding:16px 18px}.sal-kpi small{font-size:13px}.sal-kpi strong{display:block;font-size:24px;font-weight:600;margin:4px 0}.sal-kpi strong.warn{color:#b7791f}.sal-kpi strong.ok{color:#1f7a4d}.sal-kpi span{font-size:13px;color:#67776f}
.sal-card{background:#fff;border:1px solid #dce3da;border-radius:14px;overflow:hidden;margin-bottom:12px}.sal-table{width:100%;border-collapse:collapse}.sal-table th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#67776f;text-align:left;font-weight:600;padding:12px 16px;border-bottom:1px solid #e3e8e5;background:#fafbfa}.sal-table td{padding:12px 16px;border-bottom:1px solid #e3e8e5;vertical-align:top}.sal-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.sal-table tr.click{cursor:pointer}.sal-table tr.click:hover td,.sal-table tr.click:focus td{background:#f5f9f6}.sal-table tr.click:focus{outline:2px solid #244b40;outline-offset:-2px}.sal-table tr.problem td:first-child{box-shadow:inset 3px 0 #b7791f}.sal-group td{background:#e8f1ec;color:#244b40;font-weight:600;padding:8px 16px}.sal-empty td{color:#9aa79f;padding:8px 16px}
.sal-name{font-weight:600}.sal-table progress{display:block;width:120px;height:6px;margin-top:6px;accent-color:#244b40}.sal-formula td{background:#f7faf8;border-top:1px dashed #dce3da}.sal-calc{font-family:Consolas,"Courier New",monospace;font-size:14px;background:#fff;border:1px solid #dce3da;border-radius:10px;padding:10px 14px;margin:6px 0 8px;line-height:1.7}
.sal-crumbs{color:#67776f;font-size:14px;margin-top:10px}.link-btn{border:0;background:none;padding:0;color:#244b40;text-decoration:underline;cursor:pointer}.sal-title{font-size:26px;font-weight:600;margin:6px 0 2px}.sal-check{padding:16px 18px}.sal-check .row input{flex:1;min-width:240px;margin:0}
.pill{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap}.pill.ok{background:#e7f6ee;color:#1f7a4d}.pill.warn{background:#fff6e5;color:#b7791f}.pill.bad{background:#fdecea;color:#b42318}.pill.grey{background:#eef1ef;color:#67776f}.small{font-size:12px}
.button-link{display:inline-block;padding:9px 14px;border:1px solid #cbd5cf;border-radius:8px;background:#fff;color:#213832;text-decoration:none}.button-link:hover{background:#edf3ed}
@media(max-width:900px){.sal-kpis{grid-template-columns:1fr 1fr}.hide-m{display:none}}
@media print{aside,.financier-tabs,.financier-actions,.sal-toolbar,.sal-check,.top .badge{display:none!important}.shell{display:block}main{padding:0}.sal-card{break-inside:avoid}}
.sal-cost{text-align:right;line-height:1.45;text-decoration:underline dotted}.sal-reason{font-size:12px;color:#b42318;margin-top:4px;white-space:normal;max-width:160px;margin-left:auto}.sal-costline{margin:8px 0}.sal-costline ul{margin:4px 0 0;padding-left:20px}.sal-costline li{margin:4px 0;line-height:1.5}
.sal-sub{font-size:18px;font-weight:600;margin:0 0 4px}.sal-check h4{margin:16px 0 6px;font-size:15px}.sal-hold{background:#f7faf8;border:1px solid #dce3da;border-radius:10px;padding:12px 14px;margin-top:12px}.sal-hold label{display:grid;gap:4px;font-size:12px}.sal-hold select,.sal-hold input{margin:0;padding:9px 10px;border:1px solid #cbd5cf;border-radius:8px;background:#fff}
.sal-visit{background:#fff;border:1px solid #dce3da;border-radius:10px;padding:10px 14px;margin:6px 0 8px}.sal-visit .sal-table{margin:8px 0}.sal-visit p{margin:6px 0}
.sh-step{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#24513f;color:#fff;font-size:12px;font-weight:700;margin-right:8px;vertical-align:1px}.sh-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sh-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sh-grow{flex:1;min-width:180px}.sh-fact,.sh-report,.sh-num{width:130px;text-align:right}.sh-ok{color:#1f7a4d;font-weight:600}.sh-bad{color:#b42318;font-weight:600}.sh-checks{list-style:none;padding:0;margin:8px 0}.sh-checks li{margin:4px 0}.sh-note{margin-top:12px;line-height:1.7}.sal-kpi strong.warn{color:#b7791f}.sal-kpi strong.ok{color:#1f7a4d}.sal-kpi strong.bad{color:#b42318}@media(max-width:900px){.sh-split{grid-template-columns:1fr}}
.pill.brand{background:#e8f1ec;color:#24513f}
.sh-file{cursor:pointer;display:inline-block}
/* Theme for the whole program — the «Зарплата» look approved 26.10.2026: dark green menu, white rounded cards,
   tables with grey headers, pill tabs. Later rules win over the older ones above. */
:root{--brand:#24513f;--brand-dark:#1d4335;--brand-soft:#e8f1ec;--ink:#17231e;--muted:#67776f;--line:#e3e8e5;--bg:#f4f6f5;font-family:"Segoe UI",Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--bg)}
body{background:var(--bg);font-size:15px;line-height:1.45;color:var(--ink)}
small,.muted{color:var(--muted)}
.shell{grid-template-columns:230px 1fr}
aside{background:var(--brand);color:#fff;border-right:0;padding:22px 16px;gap:26px}
aside .brand{color:#fff;letter-spacing:.08em;font-weight:700;font-size:16px}
aside .muted{color:#b9d0c3}
aside nav{gap:2px}
aside nav button{color:#d7e6de;border-radius:8px;padding:9px 12px;font-size:14px}
aside nav button:hover{background:rgba(255,255,255,.08);color:#fff}
aside nav button.active{background:rgba(255,255,255,.14);color:#fff;font-weight:600}
aside nav .future-agent{color:#9fbcae}
aside nav .future-agent small{color:#9fbcae}
aside footer{color:#cfe0d6}
aside footer strong{color:#fff}
aside footer .small-btn{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
aside footer .small-btn:hover{background:rgba(255,255,255,.1)}
button:focus-visible,a:focus-visible{outline-color:#b7791f}
main{padding:26px 30px}
.top{align-items:flex-start}
h1{font-size:26px;font-weight:600;letter-spacing:0;margin:4px 0}
h2{font-size:19px;font-weight:600;letter-spacing:0}
.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--muted)}
.top .badge{background:var(--brand-soft);color:var(--brand);border-radius:99px;padding:4px 12px;font-size:12px;letter-spacing:0}
button{border-radius:8px;padding:9px 14px;border-color:#cbd5cf;color:var(--ink)}
button:hover{background:#f0f5f2}
button.primary{background:var(--brand);border-color:var(--brand);color:#fff}
button.primary:hover{background:var(--brand-dark)}
.small-btn{padding:6px 12px;font-size:13px}
input,textarea,select{border-radius:8px;padding:9px 10px;border-color:#cbd5cf;color:var(--ink)}
label{font-size:13px;font-weight:600;color:var(--ink)}
.panel{background:#fff;border-radius:14px;border-color:var(--line);padding:18px 20px;margin-top:16px}
.panel h2:first-child{margin-top:0}
.banner{background:var(--brand-soft);border-left:0;border-radius:10px;padding:12px 16px;margin:16px 0}
.badge{background:var(--brand-soft);color:var(--brand);border-radius:99px}
.financier-tabs,.settings-tabs{gap:6px;margin:18px 0 12px}
.financier-tabs button,.settings-tabs button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 16px;font-size:14px}
.financier-tabs button:hover,.settings-tabs button:hover{background:var(--brand-soft)}
.financier-tabs button.active,.settings-tabs button.active{background:var(--brand);border-color:var(--brand);color:#fff}
th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;background:#fafbfa;border-bottom:1px solid var(--line)}
td{border-bottom:1px solid var(--line)}
tbody tr:last-child td{border-bottom:0}
.kpis{gap:14px;margin:6px 0 18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.kpi strong{font-size:24px;font-weight:600;letter-spacing:0;margin-top:4px}
.executive-kpi,.executive-kpi:first-child{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:none;padding:16px 18px;color:var(--ink)}
.executive-kpi:first-child>small,.executive-kpi:first-child p,.executive-kpi:first-child .muted{color:var(--muted)}
.executive-kpi:first-child .metric-change{color:#376b54}
.executive-kpi>strong{font-weight:600;letter-spacing:0;margin:6px 0}
.executive-kpi:hover{transform:none;box-shadow:0 4px 14px #24513f12}
.chart-panel{border-radius:14px;box-shadow:none}
.operation{background:#fff;border:1px solid var(--line);border-radius:12px}
.report{border-top-color:var(--line)}
#notice{background:var(--brand);border-radius:10px}
.intro{background:var(--brand)}
.sal-kpi,.sal-card{border-color:var(--line)}
@media(max-width:850px){
 .shell{grid-template-columns:1fr}
 aside{padding:14px 16px;gap:10px;border-bottom:0}
 aside nav{scrollbar-width:none}
 aside nav{display:flex;overflow-x:auto;gap:4px}
 aside nav button{white-space:nowrap}
 main{padding:18px 16px}
 h1{font-size:22px}
}
/* Dark theme (default; switch in the menu, kept per computer): deep navy, light text, cyan → violet gradients.
   Screen only — printouts stay light. Chart colours from financier.js are remapped by their SVG attributes. */
@media screen{
:root[data-theme=dark]{--bg:#11132a;--card:#1a1d3a;--card2:#20244a;--line:#2b3060;--ink:#e9ebf8;--muted:#9ba1c6;--brand:#7c5cf5;--brand-dark:#6a4be6;--brand-soft:rgba(124,92,245,.16);--grad:linear-gradient(135deg,#22d3ee 0%,#7c5cf5 60%,#c26bf2 100%);background:var(--bg);color:var(--ink);color-scheme:dark}
:root[data-theme=dark] body{background:radial-gradient(1200px 600px at 85% -10%,#2a1f5c66,transparent),var(--bg);color:var(--ink)}
:root[data-theme=dark] :is(small,.muted,.eyebrow,.sal-crumbs,.sal-empty td,.report-intro p,.chart-heading small,.executive-kpi p,.executive-kpi>small){color:var(--muted)}
:root[data-theme=dark] :is(h1,h2,h3,h4,label,.sal-title,.sal-sub,.sal-name,strong){color:var(--ink)}
:root[data-theme=dark] aside{background:#151834;border-right:1px solid var(--line)}
:root[data-theme=dark] aside .brand{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme=dark] aside nav button{color:#b9bee0;background:transparent;border:0}
:root[data-theme=dark] aside footer .small-btn{background:transparent;border-color:#3a4075;color:#c4c8e6}
:root[data-theme=dark] aside nav button:hover{background:rgba(255,255,255,.06)}
:root[data-theme=dark] aside nav button.active{background:var(--brand-soft);color:#fff;box-shadow:inset 3px 0 #22d3ee}
:root[data-theme=dark] aside footer,:root[data-theme=dark] aside .muted{color:#8d93bb}
:root[data-theme=dark] .intro{background:linear-gradient(160deg,#1b1f45,#2a1f5c)}
:root[data-theme=dark] .intro p,:root[data-theme=dark] .intro small{color:#c4c8e6}
:root[data-theme=dark] :is(.badge,.top .badge,.pill.brand){background:var(--brand-soft);color:#c9bcff}
:root[data-theme=dark] :where(button,.button-link){background:var(--card2);border-color:var(--line);color:var(--ink)}
:root[data-theme=dark] :where(button,.button-link):hover{background:#262b56}
:root[data-theme=dark] button.primary{background:var(--grad);border-color:transparent;color:#fff}
:root[data-theme=dark] button.primary:hover{filter:brightness(1.08)}
:root[data-theme=dark] .link-btn{background:none;color:#7dd3fc}
:root[data-theme=dark] a{color:#7dd3fc}
:root[data-theme=dark] :is(input,textarea,select,.sal-toolbar input,.sal-toolbar select,.sal-hold input,.sal-hold select){background:#14172f;border-color:#343a6b;color:var(--ink)}
:root[data-theme=dark] select:disabled{background:#1a1d3a;color:var(--muted)}
:root[data-theme=dark] :is(.panel,.kpi,.executive-kpi,.sal-kpi,.sal-card,.chart-panel,.operation,.sal-visit,.sal-calc,.password-change-panel){background:var(--card);border-color:var(--line);color:var(--ink)}
:root[data-theme=dark] :is(.executive-kpi:first-child,.sal-kpi:first-child){background:var(--grad);border-color:transparent}
:root[data-theme=dark] :is(.executive-kpi:first-child,.sal-kpi:first-child) :is(small,p,span,.muted,strong,.metric-change){color:#fff}
:root[data-theme=dark] :is(.banner,.chat-question,.chart-readout,.chart-empty,.chart-unit,.sal-hold){background:var(--brand-soft);color:#d7d0ff;border-color:var(--line)}
:root[data-theme=dark] :is(.financier-tabs button,.settings-tabs button){background:var(--card);border-color:var(--line);color:#c4c8e6}
:root[data-theme=dark] :is(.financier-tabs button.active,.settings-tabs button.active){background:var(--grad);border-color:transparent;color:#fff}
:root[data-theme=dark] :is(th,.sal-table th){background:#1f2346;color:var(--muted);border-bottom-color:var(--line)}
:root[data-theme=dark] :is(td,.sal-table td,.report,.financier-chat){border-color:var(--line)}
:root[data-theme=dark] .sal-group td{background:#232857;color:#c9bcff}
:root[data-theme=dark] .sal-table tr.click:hover td,:root[data-theme=dark] .sal-table tr.click:focus td{background:#22264d}
:root[data-theme=dark] .sal-formula td{background:#171a36;border-top-color:var(--line)}
:root[data-theme=dark] .pill.ok{background:rgba(52,211,153,.15);color:#5eead4}
:root[data-theme=dark] .pill.warn{background:rgba(250,204,21,.14);color:#facc15}
:root[data-theme=dark] .pill.bad{background:rgba(248,113,113,.15);color:#fb7185}
:root[data-theme=dark] .pill.grey{background:rgba(255,255,255,.08);color:#b8bdd9}
:root[data-theme=dark] :is(.sal-kpi strong.warn,.kpi .warn){color:#facc15}
:root[data-theme=dark] :is(.sal-kpi strong.ok,.sh-ok){color:#5eead4}
:root[data-theme=dark] :is(.sal-kpi strong.bad,.sh-bad,.error,.sal-reason){color:#fb7185}
:root[data-theme=dark] .sal-table tr.problem td:first-child{box-shadow:inset 3px 0 #facc15}
:root[data-theme=dark] .sh-step{background:var(--grad)}
:root[data-theme=dark] #notice{background:var(--grad)}
:root[data-theme=dark] .bar{background:linear-gradient(90deg,#22d3ee,#7c5cf5)}
:root[data-theme=dark] :is(.sal-table progress,.service-distribution progress){accent-color:#22d3ee}
:root[data-theme=dark] .service-distribution progress::-webkit-progress-bar{background:#262b56}
:root[data-theme=dark] .service-distribution progress::-webkit-progress-value{background:linear-gradient(90deg,#22d3ee,#c26bf2)}
:root[data-theme=dark] .chart-axis{fill:#8d93bb}
:root[data-theme=dark] .donut-total{fill:var(--ink)}
:root[data-theme=dark] :is([stroke="#e7ede8"],[stroke="#eef2ee"],[stroke="#dce7de"]){stroke:#2b3060}
:root[data-theme=dark] [stroke="#285c4d"]{stroke:#22d3ee}:root[data-theme=dark] [fill="#285c4d"]{fill:#22d3ee}
:root[data-theme=dark] [stroke="#bf8d4d"]{stroke:#f0abfc}:root[data-theme=dark] [fill="#bf8d4d"]{fill:#f0abfc}
:root[data-theme=dark] [stroke="#7897ad"]{stroke:#818cf8}:root[data-theme=dark] [fill="#7897ad"]{fill:#818cf8}
:root[data-theme=dark] [stroke="#b58a54"]{stroke:#fbbf24}:root[data-theme=dark] [fill="#b58a54"]{fill:#fbbf24}
:root[data-theme=dark] [stroke="#8ba395"]{stroke:#5eead4}:root[data-theme=dark] [fill="#8ba395"]{fill:#5eead4}
:root[data-theme=dark] [stroke="#d39d7e"]{stroke:#fb7185}:root[data-theme=dark] [fill="#d39d7e"]{fill:#fb7185}
:root[data-theme=dark] .chart-legend{color:var(--muted)}
.theme-toggle{display:block;margin-top:8px}
}
/* Compact forms inside cards (both themes): labels above small fields, rows aligned at the bottom. */
:is(.sal-check,.sal-card,.panel) .row{align-items:flex-end;gap:10px}
:is(.sal-check,.sal-card,.sal-hold) label{display:grid;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}
:is(.sal-check,.sal-card,.sal-hold) :is(input,select,textarea){margin:0;padding:8px 10px;font-size:14px;border-radius:8px;width:100%;min-width:0}
:is(.sal-check,.sal-card,.sal-hold) .row>label{flex:1 1 150px;min-width:0}
:is(.sal-check,.sal-card,.sal-hold) .row>label.sh-grow{flex:3 1 220px}
:is(.sal-check,.sal-card) .row>button{flex:0 0 auto}
input[type=file]{padding:6px;font-size:13px;background:transparent}
.sh-split{grid-template-columns:1fr}
@media(min-width:1500px){.sh-split{grid-template-columns:1fr 1fr}}
main{overflow-x:clip}
/* Light theme in the same family as the dark one: navy menu, white cards, cyan → violet accents. */
:root[data-theme=light]{--brand:#6d4fe8;--brand-dark:#5b3fd6;--brand-soft:#efeafe;--grad:linear-gradient(135deg,#06b6d4 0%,#6d4fe8 60%,#b14fe0 100%);--ink:#1b1d33;--muted:#6b7092;--line:#e4e6f0;--bg:#f4f5fb;background:var(--bg);color:var(--ink)}
:root[data-theme=light] body{background:radial-gradient(1100px 500px at 85% -10%,#e7e0ff,transparent),var(--bg)}
:root[data-theme=light] aside{background:#151834}
:root[data-theme=light] aside .brand{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme=light] aside nav button{color:#b9bee0;background:transparent;border:0}
:root[data-theme=light] aside nav button:hover{background:rgba(255,255,255,.06)}
:root[data-theme=light] aside nav button.active{background:rgba(124,92,245,.22);color:#fff;box-shadow:inset 3px 0 #22d3ee}
:root[data-theme=light] aside footer,:root[data-theme=light] aside .muted{color:#8d93bb}
:root[data-theme=light] aside footer .small-btn{background:transparent;border-color:#3a4075;color:#c4c8e6}
:root[data-theme=light] .intro{background:linear-gradient(160deg,#1b1f45,#3a2a7a)}
:root[data-theme=light] button.primary{background:var(--grad);border-color:transparent;color:#fff}
:root[data-theme=light] button.primary:hover{filter:brightness(1.06)}
:root[data-theme=light] :where(button,.button-link){border-color:#d7dae8}
:root[data-theme=light] :where(button,.button-link):hover{background:#f1effd}
:root[data-theme=light] :is(input,textarea,select){border-color:#d7dae8}
:root[data-theme=light] :is(input,textarea,select):focus{border-color:#6d4fe8;outline:2px solid #e3dcfd}
:root[data-theme=light] :is(.panel,.kpi,.executive-kpi,.sal-kpi,.sal-card,.chart-panel,.operation,.sal-visit){border-color:var(--line);box-shadow:0 2px 10px rgba(27,29,51,.04)}
:root[data-theme=light] :is(.executive-kpi:first-child,.sal-kpi:first-child){background:var(--grad);border-color:transparent}
:root[data-theme=light] :is(.executive-kpi:first-child,.sal-kpi:first-child) :is(small,p,span,.muted,strong,.metric-change){color:#fff}
:root[data-theme=light] :is(.financier-tabs button.active,.settings-tabs button.active){background:var(--grad);border-color:transparent;color:#fff}
:root[data-theme=light] :is(.financier-tabs button,.settings-tabs button):hover{background:#f1effd}
:root[data-theme=light] :is(.banner,.sal-hold,.chat-question,.chart-readout,.chart-unit){background:#f1effd;border-color:#e3dcfd}
:root[data-theme=light] :is(.badge,.top .badge,.pill.brand){background:#efeafe;color:#5b3fd6}
:root[data-theme=light] .sal-group td{background:#f1effd;color:#4b37b3}
:root[data-theme=light] :is(th,.sal-table th){background:#f8f8fc}
:root[data-theme=light] .sal-table tr.click:hover td{background:#f7f5ff}
:root[data-theme=light] .sal-formula td{background:#faf9ff}
:root[data-theme=light] :is(.link-btn,a){color:#4f46e5}
:root[data-theme=light] .sh-step{background:var(--grad)}
:root[data-theme=light] #notice{background:var(--grad)}
:root[data-theme=light] .bar{background:linear-gradient(90deg,#06b6d4,#6d4fe8)}
:root[data-theme=light] :is(.sal-table progress,.service-distribution progress){accent-color:#6d4fe8}
:root[data-theme=light] .service-distribution progress::-webkit-progress-value{background:linear-gradient(90deg,#06b6d4,#b14fe0)}
:root[data-theme=light] [stroke="#285c4d"]{stroke:#0891b2}:root[data-theme=light] [fill="#285c4d"]{fill:#0891b2}
:root[data-theme=light] [stroke="#bf8d4d"]{stroke:#c026d3}:root[data-theme=light] [fill="#bf8d4d"]{fill:#c026d3}
:root[data-theme=light] [stroke="#7897ad"]{stroke:#6d4fe8}:root[data-theme=light] [fill="#7897ad"]{fill:#6d4fe8}
:root[data-theme=light] [stroke="#8ba395"]{stroke:#14b8a6}:root[data-theme=light] [fill="#8ba395"]{fill:#14b8a6}
:root[data-theme=light] .donut-total{fill:var(--ink)}
.sh-pairs{margin-top:8px;gap:12px}.sh-pairs .sal-table{margin-top:4px}.sh-pairs .sal-table td{padding:6px 10px;font-size:13px}@media(min-width:1100px){.sh-pairs{grid-template-columns:1fr 1fr}}
.proc-table td.proc-dir{padding-left:32px}.proc-table td,.proc-table th{padding:8px 12px}.proc-table tr.muted td{opacity:.7}
.proc-picker{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:flex-start}.proc-picker button{margin:4px 6px 0 0}.proc-picker button b{margin-left:6px;opacity:.8}.proc-group .eyebrow{display:block;margin-bottom:2px}
.proc-picker button.active{background:var(--brand,#244b40);border-color:var(--brand,#244b40);color:#fff}:root[data-theme=dark] .proc-picker button.active,:root[data-theme=light] .proc-picker button.active{background:var(--grad);border-color:transparent;color:#fff}
.sal-kpi.click{cursor:pointer}.sal-kpi.click:hover{outline:1px solid currentColor;outline-offset:-1px}
.sh-lines td,.sh-lines th{padding:8px 10px}.sh-kind{display:inline-flex;gap:4px;white-space:nowrap}.sh-kind .small-btn{padding:3px 8px;font-size:12px}.sh-kind .small-btn.active{background:var(--brand,#244b40);border-color:var(--brand,#244b40);color:#fff}:root[data-theme=dark] .sh-kind .small-btn.active,:root[data-theme=light] .sh-kind .small-btn.active{background:var(--grad);border-color:transparent;color:#fff}
.sh-moved td{opacity:.75}.sh-move{margin-top:4px}.sh-move-form{margin-top:6px;gap:8px;align-items:flex-end}.sh-move-form label{min-width:140px}
.sal-check .row>label input{min-width:0}
.sh-inputs{display:grid;gap:8px;margin:10px 0}.sh-inputs .row{flex-wrap:wrap}.sh-in-head{flex:0 0 90px;align-self:center}.sh-alerts .banner{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.spec-wrap{max-height:calc(100vh - 150px);overflow:auto}.spec-wrap thead th{position:sticky;top:0;z-index:3;vertical-align:bottom;box-shadow:inset 0 -1px 0 var(--line,#dce3da)}.spec-note{font-size:11px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted,#67776f);margin-top:2px}

/* Second row of the Financier: pages inside a main button. */
.financier-sub{display:flex;gap:4px 18px;flex-wrap:wrap;margin:0 0 22px;border-bottom:1px solid var(--line)}
.financier-sub button{background:none!important;border:0;border-bottom:2px solid transparent;border-radius:0;color:inherit;opacity:.72;padding:7px 2px;font-size:14px;box-shadow:none!important}
.financier-sub button:hover{opacity:1}
.financier-sub button.active{opacity:1;font-weight:600;border-bottom-color:var(--brand)}
.insight-grid.single{grid-template-columns:1fr}
@media print{.financier-sub{display:none!important}}

/* Tables fit the page and keep their header while the page scrolls (owner, 31.10.2026). */
.sal-card{overflow:clip}
table thead th{position:sticky;top:0;z-index:3;box-shadow:inset 0 -1px 0 var(--line,#dce3da)}
@media(min-width:901px){.scroll,.spec-wrap{overflow:visible;max-height:none}}
@media(max-width:900px){.scroll,.spec-wrap{overflow-x:auto}}
.sal-table td{overflow-wrap:break-word}
.compact-table th{padding:10px 8px;font-size:11px;letter-spacing:.02em;vertical-align:bottom}
.compact-table td{padding:9px 8px;font-size:14px}
.compact-table th:first-child,.compact-table td:first-child{padding-left:14px}
.compact-table th:last-child,.compact-table td:last-child{padding-right:14px}
.compact-table td.num{white-space:nowrap}
.spec-table{table-layout:fixed;min-width:980px}
.spec-wrap .spec-table th{white-space:normal!important;text-transform:none;font-size:12px;letter-spacing:0;padding:8px 6px;overflow-wrap:break-word}
.spec-wrap .spec-table th:first-child{padding-left:14px}.spec-wrap .spec-table th:last-child{padding-right:14px}
.spec-table td{padding-left:6px;padding-right:6px}
.spec-table th:nth-child(1){width:14%}.spec-table th:nth-child(2),.spec-table th:nth-child(3),.spec-table th:nth-child(4),.spec-table th:nth-child(6){width:10%}
.spec-table th:nth-child(5),.spec-table th:nth-child(7),.spec-table th:nth-child(9),.spec-table th:nth-child(10),.spec-table th:nth-child(11){width:8%}
.spec-table th:nth-child(8){width:6%}
.spec-table .muted.small{font-size:11px;white-space:nowrap}
.spec-table td{font-size:13px}
.spec-table td.num{white-space:normal}
.spec-table tr.sal-formula td{font-size:14px;white-space:normal}
.spec-table .spec-note{font-size:10px;line-height:1.2}
@media(max-width:1280px){.spec-wrap{overflow-x:auto}}
.spec-table .sal-name{font-weight:600;line-height:1.25}
.sal-table tr.sal-total td{background:var(--brand-soft,#e8f1ec);font-weight:700;border-top:2px solid var(--brand,#244b40)}
.sal-table tr.sal-total td .muted{font-weight:400}
.sal-card>.sal-sub{padding:12px 14px 0}

.sal-kpis.five{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){.sal-kpis.five{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sal-kpis.six{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1250px){.sal-kpis.six{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pay-in{width:104px;text-align:right;padding:5px 7px}
.bd-title{font-size:15px;margin:20px 0 8px}.bd-up{color:#24704f;font-weight:600}.bd-down{color:#b3402f;font-weight:600}
.bd-ok{color:#24704f;font-weight:600}.bd-list{padding:6px 0}.bd-row{display:flex;justify-content:space-between;gap:16px;width:100%;padding:11px 18px;background:none;border:0;border-radius:0;text-align:left;color:inherit;cursor:pointer}.bd-row+.bd-row{border-top:1px solid var(--line)}.bd-row:hover{background:var(--brand-soft)}
.sal-kpi .bd-line{display:block;margin-top:4px}:root[data-theme=dark] .bd-up,:root[data-theme=dark] .bd-ok{color:#6fd6a8}:root[data-theme=dark] .bd-down{color:#ff9d8c}
.bd-fund{text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%}.bd-fund:hover{border-color:var(--brand,#24513f)}.bd-click{cursor:pointer}.bd-click:hover td{background:var(--brand-soft)}
.bd-fund{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:100%}.sal-kpis.six strong{font-size:20px;white-space:nowrap}.sal-kpis.six .sal-kpi{padding:14px 12px;min-width:0}
.bd-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--card,#fff);border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:4px 0 6px}.bd-bar>#refresh-source{margin-left:auto}
.bd-seg{display:flex;gap:2px;background:var(--bg);border-radius:10px;padding:3px}.bd-seg button{background:none;border:0;border-radius:8px;padding:7px 14px;color:var(--muted);font-weight:600}.bd-seg button.active,:root[data-theme] .bd-seg button.active{background:var(--grad,var(--brand));color:#fff}
.bd-dates{display:flex;align-items:center;gap:6px;color:var(--muted)}.bd-dates input{width:138px;margin:0;padding:7px 10px}
.bd-status{font-size:12px;margin:0 2px}.bd-status:empty,#operation-error:empty{display:none}.bd-caption{font-size:12px;margin:0 2px 12px}
.bd-main{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 12px}.bd-main .sal-kpi,.bd-plain .sal-kpi{min-width:0;padding:14px 16px;display:flex;flex-direction:column;align-items:stretch}.sal-kpi strong{white-space:nowrap}.bd-main strong{font-size:21px}.bd-plain strong{font-size:20px}.sal-kpis.five.bd-plain{gap:12px}
.bd-rows{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--line);display:grid;gap:4px;font-size:12px}.bd-rows div{display:flex;justify-content:space-between;gap:8px}.bd-rows dt{color:var(--muted)}.bd-rows dd{margin:0;white-space:nowrap;font-weight:600}
.bd-fund.sal-kpi{height:auto}.bd-more{margin-top:auto;padding-top:8px;font-size:12px;color:var(--brand);font-weight:600}.bd-note{padding:8px 12px;font-size:13px}
.sal-kpi:first-child .bd-rows{border-top-color:rgba(255,255,255,.35)}:root[data-theme] .sal-kpi:first-child .bd-rows :is(dt,dd){color:#fff}
:root[data-theme] .bd-plain .sal-kpi:first-child{background:var(--card,#fff);border-color:var(--line)}:root[data-theme] .bd-plain .sal-kpi:first-child small{color:var(--muted)}:root[data-theme] .bd-plain .sal-kpi:first-child strong{color:var(--ink)}:root[data-theme] .bd-plain .sal-kpi:first-child .bd-up{color:#24704f}:root[data-theme] .bd-plain .sal-kpi:first-child .bd-down{color:#b3402f}:root[data-theme] .bd-plain .sal-kpi:first-child .muted{color:var(--muted)}
.bd-title{margin:22px 0 8px}
@media(max-width:1250px){.bd-main{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.bd-main{grid-template-columns:1fr 1fr}.bd-bar>#refresh-source{margin-left:0;width:100%}.bd-seg{width:100%}.bd-seg button{flex:1;padding:7px 6px}.bd-dates,.bd-dates input{width:100%;min-width:0}}
.sal-kpi .bd-more{color:var(--brand)}:root[data-theme=dark] .sal-kpi .bd-more{color:#c9bcff}
.bd-dates input[type=month]{width:170px}
.db-section{margin:4px 0 26px}.db-h{font-size:18px;margin:0 0 10px;display:flex;align-items:center;gap:10px}.db-h::after{content:"";flex:1;height:1px;background:var(--line)}
.db-main{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 12px}.db-tile{min-width:0;padding:14px 16px;display:flex;flex-direction:column;align-items:stretch;text-align:left;font:inherit;color:inherit}.db-tile strong{font-size:21px;white-space:nowrap}
.db-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.db-chip{font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--bg)}.sal-kpi:first-child .db-chip{background:rgba(255,255,255,.18)}
.db-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 12px}.db-panel{margin:0;padding:16px 18px}.db-panel h3{margin:0 0 4px;font-size:15px}.db-panel>.muted.small{margin:0 0 10px}
.db-bars{display:grid;gap:2px}.db-bar{display:grid;grid-template-columns:minmax(0,38%) 1fr auto;align-items:center;gap:10px;width:100%;background:none;border:0;border-radius:8px;padding:5px 6px;text-align:left;color:inherit;font:inherit;font-size:13px;cursor:pointer}.db-bar:hover{background:var(--brand-soft)}
.db-bar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-bar-track{height:8px;border-radius:999px;background:var(--bg);overflow:hidden}.db-bar-track i{display:block;height:100%;border-radius:999px;background:var(--grad,var(--brand))}.db-bar-value{white-space:nowrap;font-weight:600;font-size:12px}.db-bar-value small{font-weight:400;color:var(--muted)}
.db-split{height:12px;border-radius:999px;background:var(--brand-soft);overflow:hidden;margin:10px 0 6px}.db-split i{display:block;height:100%;background:var(--grad,var(--brand))}
.db-flags{display:grid;gap:2px}.db-flag{display:flex;align-items:flex-start;gap:10px;width:100%;background:none;border:0;border-radius:8px;padding:7px 6px;text-align:left;color:inherit;font:inherit;font-size:13px;cursor:pointer}.db-flag:hover{background:var(--brand-soft)}.db-dot{flex:none;width:10px;height:10px;border-radius:50%;margin-top:4px}.db-dot.red{background:#e0483e}.db-dot.yellow{background:#f0b429}
.db-more{margin:0 0 12px}.db-more summary{cursor:pointer;color:var(--brand);font-weight:600;font-size:13px;padding:6px 2px}.db-more .sal-card{margin-top:10px}
.db-spend{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:end;margin:6px 0}.db-spend label{display:grid;gap:4px;font-size:12px;color:var(--muted);font-weight:600}.db-spend input,.db-spend select{margin:0;min-width:0;width:100%}
@media(max-width:1250px){.db-main{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.db-grid2{grid-template-columns:1fr}.db-spend{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.db-main{grid-template-columns:1fr 1fr}.db-bar{grid-template-columns:minmax(0,42%) 1fr auto}}
.db-src{font-size:10px;color:var(--muted);margin-left:2px}.db-note{display:block;margin-top:6px;font-size:11px}
.proc-view{display:inline-flex;gap:2px;background:var(--bg);border-radius:10px;padding:3px;margin:0 0 12px}.proc-view button{background:none;border:0;border-radius:8px;padding:7px 14px;color:var(--muted);font-weight:600}.proc-view button.active,:root[data-theme] .proc-view button.active{background:var(--grad,var(--brand));color:#fff}
.proc-table tr.proc-focus td{background:var(--brand-soft)!important;box-shadow:inset 0 2px 0 var(--brand),inset 0 -2px 0 var(--brand)}
.db-sub{font-size:15px;margin:4px 0 8px}[data-cosmetics]{cursor:pointer}[data-cosmetics]:hover{border-color:var(--brand)}
.back-btn{margin:0 0 12px;padding:8px 14px;border-radius:10px;font-weight:600;color:var(--brand);background:var(--brand-soft);border:1px solid transparent}.back-btn:hover{border-color:var(--brand)}:root[data-theme=dark] .back-btn{color:#c9bcff}
.sal-kpis:has(.pay-tile){grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));align-items:start}.pay-tile .bd-rows{font-size:13px;gap:5px}.pay-tile .bd-rows dd{font-weight:600}
.pay-tile .pay-total{border-top:1px solid rgba(255,255,255,.35);padding-top:5px}.pay-tile .pay-total dt,.pay-tile .pay-total dd{font-weight:700}
@media(max-width:900px){.sal-kpis:has(.pay-tile){grid-template-columns:1fr 1fr}.sal-kpi.pay-tile{grid-column:1/-1}}
.pay-month tr.pay-sub td{background:var(--bg);font-weight:600;font-size:13px}.pay-month td .link-btn.small{font-size:12px;padding:0}
@media print{.sal-toolbar a,.sal-toolbar button,#back-bar,details.panel{display:none!important}.pay-month{font-size:11px}}
.pay-month th{white-space:normal;font-size:11px;line-height:1.25;vertical-align:bottom}.pay-month td{font-size:12px;padding:8px 6px;white-space:nowrap}.pay-month th{padding:8px 6px}.pay-month td:first-child{white-space:normal;min-width:160px}.pay-month .pill{font-size:10px;padding:1px 6px}.pay-month td .sal-name{font-size:13px}

.sal-table.pay-month th{white-space:normal;min-width:0;max-width:120px}

/* Left menu (owner, 05.11.2026): the financier opens its five parts; other helpers on the same level; settings below. */
aside{display:flex;flex-direction:column}
aside .brand-box .muted{margin:0 0 2px;font-size:13px}
aside nav{display:flex;flex-direction:column;gap:6px}
aside nav .agent-head{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font-weight:600;font-size:15px;padding:10px 12px}
aside nav .agent-head::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-3px 4px 0 2px}
aside nav .agent-items{display:flex;flex-direction:column;gap:2px;margin:2px 0 8px 14px;padding-left:10px;border-left:1px solid rgba(255,255,255,.14)}
aside nav .agent-items button,aside .settings-link{display:flex;align-items:center;gap:10px;width:100%;text-align:left}
aside .nav-ico{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
aside .aside-bottom{margin-top:auto;display:flex;flex-direction:column;gap:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}
aside .settings-link{color:#d7e6de;background:transparent;border:0;border-radius:8px;padding:9px 12px;font-size:14px}
aside .settings-link:hover{background:rgba(255,255,255,.08);color:#fff}
aside .settings-link.active{background:rgba(255,255,255,.14);color:#fff;font-weight:600}
:root[data-theme] aside .settings-link{color:#b9bee0}
:root[data-theme] aside .settings-link.active{background:var(--brand-soft);color:#fff;box-shadow:inset 3px 0 #22d3ee}
:root[data-theme] aside nav .agent-head{color:#fff;background:rgba(255,255,255,.05)}
:root[data-theme] aside nav .agent-head:hover{background:rgba(255,255,255,.09)}
@media(max-width:900px){
 aside .aside-bottom{margin-top:0;flex-direction:row;align-items:center;flex-wrap:wrap;border-top:0;padding-top:0}
 aside nav .agent-head,aside nav .future-agent{display:none}
 aside nav .agent-items{flex-direction:row;overflow-x:auto;margin:0;padding:0;border:0;scrollbar-width:none}
 aside nav .agent-items button{white-space:nowrap;width:auto}
 aside footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap}aside footer br{display:none}
}


/* Dashboard summary. All styles stay inside the overview. */
.db-overview-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:8px}
.db-overview-kpis .db-tile strong{font-size:clamp(20px,2vw,28px);font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}
.db-overview-kpis .bd-rows dt{min-width:0}
.db-overview-kpis .bd-rows dd{white-space:normal;text-align:right}
:root[data-theme] .db-overview-kpis .db-tile:first-child .bd-rows{border-color:var(--line)}
:root[data-theme] .db-overview-kpis .db-tile:first-child dt{color:var(--muted)}
:root[data-theme] .db-overview-kpis .db-tile:first-child dd{color:var(--ink)}
.db-overview-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}
.db-overview-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;align-items:start}
.db-overview-grid h2{font-size:18px;margin:0 0 12px}
.db-overview-chart{--db-revenue:#24513f;--db-receipts:#7050b8;min-width:0}
:root[data-theme=dark] .db-overview-chart{--db-revenue:#22d3ee;--db-receipts:#a58aff}
.db-overview-chart .chart-heading{display:none}
.db-overview-chart .finance-plot>line{stroke:var(--line)}
.db-overview-chart .finance-plot polyline+circle,.db-overview-chart .finance-plot circle{fill:var(--card,#fff)}
.db-overview-chart .chart-readout{overflow-wrap:anywhere}
.db-attention .bd-row{align-items:center;padding-inline:4px}
.db-attention .sh-alerts:empty{display:none}
.db-attention .sh-alerts .banner{margin:8px 0 0}
.db-review-label,.db-attention .bd-row b{align-self:flex-start;width:fit-content;border-radius:8px;background:#fff0d3;color:#754506;padding:3px 8px;font-size:12px;font-weight:600}
:root[data-theme=dark] :is(.db-review-label,.db-attention .bd-row b){background:#4b351c;color:#ffd88c}
@media(max-width:1100px){.db-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.db-overview-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.db-overview-kpis,.db-overview-secondary{grid-template-columns:minmax(0,1fr)}}
.db-overview-kpis .db-tile:first-child .db-chip{background:var(--bg)}
:root[data-theme=dark] .db-overview-kpis .db-tile:first-child .bd-up{color:#6fd6a8}
:root[data-theme=dark] .db-overview-kpis .db-tile:first-child .bd-down{color:#ff9d8c}

/* «Обзор клиники» (owner, 05.11.2026). */
.row-between{justify-content:space-between}
.db-overview-chart{margin:12px 0}
.db-profit .db-tile-note{display:block;font-size:12px;color:var(--muted);margin:-2px 0 6px}
.db-why{margin:6px 0 0;font-size:12px;line-height:1.35;color:var(--muted)}
.db-attention{border:1px solid #d9a441;background:linear-gradient(180deg,rgba(217,164,65,.10),rgba(217,164,65,.03))}
.db-attention h2{display:flex;align-items:center;gap:10px;font-size:18px;margin:0 0 10px}
.db-attention h2::before{content:"!";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px solid #d9a441;color:#d9a441;font-size:13px;font-weight:800}
.att-list{display:grid}
.att-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:10px 4px;color:inherit;font:inherit}
.att-row:first-child{border-top:0}
.att-row:hover{background:rgba(217,164,65,.08)}
.att-row span{flex:1}
.att-row b{border-radius:8px;background:#fff0d3;color:#754506;padding:2px 8px;font-size:12px}
.att-row em{font-style:normal;font-size:20px;line-height:1;color:var(--muted)}
.db-attention:not(.all) .att-row.extra{display:none}
.db-dot.bad,.db-dot.red{background:#e5484d}.db-dot.warn,.db-dot.yellow{background:#f5b82e}.db-dot.info{background:#8a93ad}
.att-shifts:empty{display:none}
.att-shift{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:10px 4px;border-bottom:1px solid var(--line)}
.att-shift>div:first-of-type{flex:1;min-width:220px}
.att-shift .db-dot{margin-top:6px}
:root[data-theme=dark] .att-row b{background:#4b351c;color:#ffd88c}

/* Shift check of IP desks (owner, 05.11.2026): amber = still to check, a sum opens its operations. */
.sh-amber{color:#b7791f;font-weight:600}
:root[data-theme=dark] .sh-amber{color:#fbbf24}
.sh-lone td{background:rgba(245,184,46,.10)}
.sh-sum{font-variant-numeric:tabular-nums;text-decoration:underline dotted;text-underline-offset:3px}
.sh-only{display:inline-flex;align-items:center;gap:6px;margin:6px 0;font-size:14px}

:root[data-theme] .db-attention .att-row{background:transparent;border-color:var(--line)}
:root[data-theme] .db-attention .att-row:hover{background:rgba(217,164,65,.10)}
:root[data-theme=dark] .bd-fund .db-chip{background:rgba(255,255,255,.07)}
:root[data-theme=dark] .bd-fund .db-chip.bd-up{color:#6fd6a8}
:root[data-theme=dark] .bd-fund .db-chip.bd-down{color:#ff9d8c}
label.sh-only{display:flex;flex-direction:row;align-items:center;gap:8px;width:auto;margin:8px 0;font-weight:500}
label.sh-only input{width:auto;margin:0}

/* Payouts (owner, 05.11.2026): the header and the names stay in place; the three «сколько отдать» columns are tinted. */
@media(max-width:900px){.pay-wrap{max-height:calc(100vh - 120px);overflow:auto}}
.pay-month thead th{position:sticky;top:0;z-index:3}
.pay-month thead th:first-child{left:0;z-index:4}
.pay-month tr:not(.sal-group):not(.sal-formula) td:first-child{position:sticky;left:0;z-index:2;background:var(--card,#fff);box-shadow:inset -1px 0 var(--line)}
.pay-month tr.problem td:first-child{box-shadow:inset 3px 0 #b7791f,inset -1px 0 var(--line)}
.pay-month tr.click:hover td:first-child,.pay-month tr.click:focus td:first-child{background:linear-gradient(rgba(36,81,63,.06),rgba(36,81,63,.06)),var(--card,#fff)}
.pay-month tr.sal-total td:first-child{background:linear-gradient(var(--brand-soft),var(--brand-soft)),var(--card,#fff)}
.pay-month tr.pay-sub td:first-child{background:var(--bg)}
.pay-month td.pay-key{background:color-mix(in srgb,var(--brand-soft) 60%,transparent)}
.pay-month thead th.pay-key{background:linear-gradient(var(--brand-soft),var(--brand-soft)),var(--card,#fff);color:var(--brand)}
@media print{.pay-wrap{max-height:none;overflow:visible}.pay-month th,.pay-month td{position:static!important}}

/* «Почему изменилось?» (owner, 05.11.2026). */
.db-why-btn{display:inline-block;margin-top:8px;font-size:13px;padding:0}
.db-why{margin:12px 0}
.db-why h2{font-size:18px;margin:0}
.db-why h4{margin:14px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.db-why-tabs{display:flex;gap:6px;flex-wrap:wrap}
.db-why-tabs .active{background:var(--brand);color:#fff;border-color:var(--brand)}
.db-why-total{font-size:16px;margin:12px 0 0}
.db-why-cols{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}
.db-why-line{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--line)}
.db-why-line b,.db-why-person b{white-space:nowrap;font-variant-numeric:tabular-nums}
.db-why-people{display:grid;gap:2px}
.db-why-person{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(60px,1fr) auto;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:7px 2px;color:inherit;font:inherit}
.db-why-person:not(:disabled):hover{background:rgba(36,81,63,.06)}
.db-why-person:disabled{cursor:default;opacity:1}
.db-why-track{height:8px;border-radius:4px;background:var(--line);overflow:hidden}
.db-why-track i{display:block;height:100%;background:#24704f;border-radius:4px}
.db-why-track.down i{background:#c0563f}
@media(max-width:900px){.db-why-cols{grid-template-columns:1fr;gap:4px}}
.pay-month .pay-g{position:sticky;left:14px;display:inline-block}

/* Overview layout and drill-down summaries. */
.db-overview-kpis .db-tile>small:first-child{font-size:14px;font-weight:600;color:var(--ink)}
.db-overview-kpis .db-tile>strong{margin:6px 0;font-weight:700}
.db-overview-kpis .db-tile .db-source{display:block;margin-top:6px;color:var(--muted)}
.db-overview-kpis .db-why-btn,.db-structure .link-btn,.db-summary .link-btn{align-self:flex-start;text-align:left}
.db-profit .db-tile-note{margin:0;color:var(--muted)}
.db-profit-status{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.db-profit-status:empty{display:none}
.db-profit-details{margin-top:6px}
.db-profit-details summary,.db-disclosure summary,.att-shift-group summary{cursor:pointer}
.db-profit-details summary{font-size:12px;color:var(--brand)}
:root[data-theme=dark] .db-profit-details summary{color:#9ceaf6}
.db-overview-grid{align-items:start;margin-top:14px}
.db-overview-grid .db-overview-chart{margin:0}
.db-overview-chart .premium-chart .finance-plot{min-height:170px;max-height:254px}
.db-overview-chart .chart-readout{min-height:0;padding:6px 10px}
.db-attention .att-list{gap:6px}
:root[data-theme] .db-attention .att-row{border:1px solid var(--line);border-radius:9px;padding:9px 10px}
.db-attention div.att-row:hover{background:transparent}
.db-attention button.att-row{cursor:pointer}
.db-attention .att-more{margin-top:8px}
.att-shift-group{border:1px solid var(--line);border-radius:9px;margin-bottom:6px;padding:8px 10px}
.att-shift-group summary{display:flex;align-items:center;gap:8px}
.att-shift-group summary::before{content:"›";font-size:16px;line-height:1}
.att-shift-group[open] summary::before{transform:rotate(90deg)}
.att-shift-group summary b{margin-left:auto}
.att-explanation{margin-top:6px;color:var(--muted);font-size:12px}
.att-explanation summary{cursor:pointer}
.att-shift>div:first-of-type{min-width:0}
.db-structure,.db-summary-pair,.db-disclosure{margin:0 0 14px}
.db-structure-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}
.db-structure h2,.db-summary h2{font-size:18px;margin:0}
.db-structure-tabs{display:flex;flex-wrap:wrap;gap:4px}
.db-structure-tabs button{padding:6px 10px;font-size:13px}
.db-structure-tabs button[aria-pressed="true"]{background:var(--brand-soft);border-color:var(--brand);font-weight:600}
.db-structure-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;align-items:start}
.db-structure-summary{border-left:1px solid var(--line);padding-left:16px}
.db-structure-bars{max-height:205px;overflow:auto}
.db-summary .bd-rows,.db-structure-grid .bd-rows{margin:8px 0;gap:0;font-size:13px}
.db-summary .bd-rows div,.db-structure-grid .bd-rows div{padding:7px 0}
.db-summary .bd-rows div+div,.db-structure-grid .bd-rows div+div{border-top:1px solid var(--line)}
.db-summary .bd-rows dd,.db-structure-grid .bd-rows dd{white-space:normal;text-align:right}
.db-disclosure>summary{font-size:15px;font-weight:600}
.db-disclosure[open]>summary{margin-bottom:12px}
.db-disclosure .db-sub{margin-top:12px}
.db-disclosure .sal-card{margin-top:12px}
.db .db-bar:not(button){cursor:default}
.db .db-bar:not(button):hover{background:none}
@media(max-width:1000px){.db-overview-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){
 .db-structure-grid{grid-template-columns:minmax(0,1fr)}
 .db-structure-summary{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}
 .db-structure .db-bar{grid-template-columns:minmax(0,1fr) auto}
 .db-structure .db-bar-track{grid-row:2;grid-column:1/-1}
}
@media(min-width:1001px){
 #period.bd-bar{position:sticky;top:8px;z-index:5}
 .db-disclosure{scroll-margin-top:75px}
}
@media(max-width:850px){
 .shell:has(#overview-data){grid-template-columns:minmax(0,1fr)}
 .shell:has(#overview-data)>:is(aside,main){min-width:0}
}

.db-patient-history{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 12px}
.db-patient-history .db-history-card{grid-column:span 2;min-width:0;padding:14px 16px}
.db-patient-history .db-history-card:nth-child(n+4){grid-column:span 3}
.db-history-card h3{font-size:15px;line-height:1.4;margin:0 0 7px}
.db-history-card>strong{font-size:22px;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.db-history-card>p{font-size:13px;line-height:1.45;margin:7px 0 0}
.db-history-card .bd-rows dt{min-width:0;overflow-wrap:anywhere}
.db-history-card .bd-rows dd{white-space:normal;text-align:right;min-width:max-content}
.db-history-card .db-history-cohorts{margin-top:10px;border-top:1px solid var(--line)}
.db-history-cohort{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:8px 0;font-size:13px}
.db-history-cohort+.db-history-cohort{border-top:1px solid var(--line)}
.db-history-cohort small{grid-column:1/-1}
:root[data-theme] .db-patient-history .db-history-card:first-child{background:var(--card,#fff);border-color:var(--line)}
:root[data-theme] .db-patient-history .db-history-card:first-child strong{color:var(--ink)}
:root[data-theme] .db-patient-history .db-history-card:first-child :is(p,small){color:var(--muted)}
:root[data-theme] .db-patient-history .db-history-card:first-child .db-history-cohort span{color:var(--ink)}
@media(max-width:1150px){
 .db-patient-history{grid-template-columns:repeat(2,minmax(0,1fr))}
 .db-patient-history .db-history-card:nth-child(n){grid-column:auto}
 .db-patient-history .db-history-card:last-child{grid-column:1/-1}
}
@media(max-width:650px){.db-patient-history{grid-template-columns:minmax(0,1fr)}}

/* Keep the overview's light surfaces and status colors consistent. */
:root[data-theme=light] main:has(#overview-data){
 --overview-border:#dce1ed;
 --overview-muted:#515d75;
 --overview-neutral:#edf0f7;
 --overview-link:#5334b6;
 background:#f4f6fb;
}
:root[data-theme=light] main:has(#overview-data) #period,
:root[data-theme=light] #overview-data .db :is(.panel,.sal-kpi,.sal-card){
 background:#fff;border-color:var(--overview-border);box-shadow:0 2px 8px #1b244908;
}
:root[data-theme=light] #overview-data .db :is(.muted,.bd-rows dt,.db-source,.db-tile-note),
:root[data-theme=light] main:has(#overview-data) #operation-status{color:var(--overview-muted)}
:root[data-theme=light] #overview-data .db .db-tile>small:first-child{color:#2e3855}
:root[data-theme=light] #overview-data .db-overview-kpis .db-tile:first-child{border-top:3px solid #7156cc;padding-top:12px}
:root[data-theme=light] #overview-data .db .db-chip{background:var(--overview-neutral);color:#47536b}
:root[data-theme=light] #overview-data .db .db-chip.bd-up{background:#e7f5ee;color:#146144}
:root[data-theme=light] #overview-data .db .db-chip.bd-down{background:#fcece9;color:#9e382c}
:root[data-theme=light] main:has(#overview-data) .bd-seg button{color:var(--overview-muted)}
:root[data-theme=light] main:has(#overview-data) .bd-seg button.active{
 background:linear-gradient(110deg,#146e87,#6744c6 75%);color:#fff;
}
:root[data-theme=light] main:has(#overview-data) #refresh-source{color:var(--overview-link);border-color:#d9d0f2}
:root[data-theme=light] #overview-data :is(.link-btn,.db-profit-details summary){color:var(--overview-link)}
:root[data-theme=light] #overview-data .db-review-label,
:root[data-theme=light] #overview-data .db-attention .att-row b{
 background:#fff1d5;color:#744100;
}
:root[data-theme=light] #overview-data .db-overview-chart{--db-revenue:#087b88;--db-receipts:#7449b5}
:root[data-theme=light] #overview-data .db-overview-chart :is(.chart-legend,.chart-readout){color:var(--overview-muted)}
:root[data-theme=light] #overview-data .db-overview-chart .chart-axis{fill:#52617b}
:root[data-theme=light] #overview-data .db-overview-chart .finance-plot>path{opacity:.36}
:root[data-theme=light] #overview-data .db-overview-chart .chart-readout{background:#f1f4fa}
:root[data-theme=light] #overview-data .db-overview-grid .db-attention{margin:0;border-color:#ead9b4}
:root[data-theme=light] #overview-data .db-attention h2::before{background:#fff2db;border-color:#edcb87;color:#805000}
:root[data-theme=light] #overview-data .db-attention .att-row{background:#f9faff;border-color:#e5e9f3}
:root[data-theme=light] #overview-data .db-attention button.att-row:hover{background:#f1edfb;border-color:#ded4f4}
:root[data-theme=light] #overview-data .db-attention .att-shift-group{background:#f9faff;border-color:#e5e9f3}
:root[data-theme=light] #overview-data .db-structure-tabs button[aria-pressed="true"]{
 background:#eee9fa;border-color:#cec0ed;color:var(--overview-link);
}

/* Monthly payouts. The compact ledger expands the selected employee's calculation. */
.payout-toolbar{align-items:center;margin:12px 0;padding:12px;background:var(--card,#fff);border:1px solid var(--line);border-radius:12px}
.payout-toolbar label{display:flex;align-items:center}
.payout-toolbar select{max-width:100%}
.payout-totals .payout-total{min-width:0;padding:14px 15px}
.payout-total>small{font-weight:600}
.payout-total>strong{display:block;margin:6px 0;font-size:clamp(19px,1.65vw,26px);line-height:1.2;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.payout-total .muted{line-height:1.4}
:root[data-theme] .payout-totals .payout-total:first-child{background:var(--card,#fff);border-color:var(--line)}
:root[data-theme] .payout-totals .payout-total:first-child :is(small,strong,span){color:var(--ink)}
:root[data-theme] .payout-totals .payout-total:first-child .muted{color:var(--muted)}
:root[data-theme] .payout-totals .payout-total-key{border-top:3px solid var(--brand);padding-top:12px}
:root[data-theme] .payout-totals .payout-total-key:last-child{border-top-color:#9b69d9}
.payout-ledger .pay-month{min-width:650px}
.payout-ledger .pay-month :is(th,td){padding:10px}
.payout-ledger .pay-month tbody th{font-size:13px;min-width:150px;text-align:left;text-transform:none;letter-spacing:normal}
.payout-ledger .pay-month tbody th[scope="row"]{position:sticky;left:0;z-index:2;background:var(--card,#fff);box-shadow:inset -1px 0 var(--line)}
.payout-ledger .pay-month tbody tr:is(.pay-sub,.sal-total) th[scope="row"]{background:var(--bg)}
.payout-ledger .pay-month .pay-expanded th[scope="row"]{background:linear-gradient(var(--brand-soft),var(--brand-soft)),var(--card,#fff)}
.payout-ledger .pay-month .pay-person .link-btn{display:block;text-align:left;margin-top:4px}
.payout-ledger .pay-month .pay-action button{min-width:max-content}
.payout-ledger .pay-month .pay-detail-row td{white-space:normal}
.pay-details{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;padding:4px}
.pay-details>section{min-width:0;padding:10px 12px}
.pay-details>section+section{border-left:1px solid var(--line)}
.pay-details h3{margin:0 0 8px;font-size:16px}
.pay-lines,.pay-history{margin:0;padding:0}
.pay-lines>div,.pay-history>li,.pay-history-total{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}
.pay-lines dt,.pay-history>li>span{min-width:0;overflow-wrap:anywhere}
.pay-lines dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.pay-lines dd,.pay-history b,.pay-history-total b{flex:none}
.pay-lines>div:last-child,.pay-history-total{font-weight:700;border:0;padding-top:10px}
.pay-history>li>span{flex:1}
.pay-history small{display:block}
.pay-history-total{margin:4px 0 8px}
.pay-record-form{align-items:end}
.pay-record-form>label{flex:1 1 120px;min-width:0}
.pay-record-form input{width:100%;min-width:0}
.pay-record-form .primary{align-self:end}
.pay-print-grid{display:none}
@media(max-width:1050px){
 .pay-details{grid-template-columns:minmax(0,1fr)}
 .pay-details>section+section{border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:850px){
 .shell:has(.payouts-screen){grid-template-columns:minmax(0,1fr)}
 .shell:has(.payouts-screen)>:is(main,aside){min-width:0}
}
@media(max-width:500px){.payout-totals .payout-total{padding-inline:10px}}
@media print{
 .payout-ledger{display:none!important}
 .pay-print-grid{display:block}
 .pay-print-grid .sal-table{font-size:10px}
 .pay-print-grid .sal-table :is(th,td){padding:4px;white-space:normal}
}

/* Payout rows and the expanded calculation share one visual frame in both themes. */
.payouts-screen{
 --pay-surface:#fff;
 --pay-row:#fff;
 --pay-head:#f0f2fa;
 --pay-accent:#7454c4;
 --pay-outline:#c8b9eb;
 --pay-selected:#f4efff;
 --pay-details:#faf8ff;
}
:root[data-theme=dark] .payouts-screen{
 --pay-surface:#171a35;
 --pay-row:#1b1f3d;
 --pay-head:#202448;
 --pay-accent:#9e80ff;
 --pay-outline:#8e73d8;
 --pay-selected:#28234d;
 --pay-details:#191c39;
}
:root[data-theme] .payouts-screen .payout-totals .payout-total{
 background:var(--pay-row);border:1px solid var(--line);padding:14px 15px;
}
:root[data-theme] .payouts-screen .payout-totals .payout-total-key{
 border-top:4px solid var(--pay-accent);padding-top:11px;
}
.payouts-screen .payout-total-key:nth-last-child(3){--pay-accent:#087d93}
:root[data-theme=dark] .payouts-screen .payout-total-key:nth-last-child(3){--pay-accent:#26d3e5}
.payouts-screen .payout-total>small{color:var(--ink)}
.payouts-screen .payout-total-key>strong{font-weight:700}
.payouts-screen .payout-ledger{background:var(--pay-surface);border-color:var(--line)}
.payout-ledger .pay-month{border-collapse:separate;border-spacing:0 5px}
.payout-ledger .pay-month thead th{background:var(--pay-head);color:var(--ink);text-transform:none;font-size:13px;letter-spacing:0}
.payout-ledger .pay-month thead th:first-child{width:30%;text-align:left}
.payout-ledger .pay-month thead th.pay-key{width:13%;white-space:nowrap}
.payout-ledger .pay-month thead th:last-child{width:16%;text-align:right}
.payout-ledger .pay-month tbody .pay-person>:is(th,td){background:var(--pay-row);border-block:1px solid var(--line);font-size:13px}
.payout-ledger .pay-month tbody .pay-person>th[scope="row"]{border-left:1px solid var(--line);border-radius:9px 0 0 9px;box-shadow:none}
.payout-ledger .pay-month tbody .pay-person>.pay-action{border-right:1px solid var(--line);border-radius:0 9px 9px 0;text-align:right}
.payout-ledger .pay-month .pay-person :is(.sal-name,.pay-key){color:var(--ink);font-variant-numeric:tabular-nums}
.payout-ledger .pay-month tbody .pay-person.pay-expanded>:is(th,td){background:var(--pay-selected);border-color:var(--pay-outline)}
.payout-ledger .pay-month tbody .pay-person.pay-expanded>th[scope="row"]{border-bottom-left-radius:0}
.payout-ledger .pay-month tbody .pay-person.pay-expanded>.pay-action{border-bottom-right-radius:0}
.payout-ledger .pay-month .pay-detail-row>td{
 padding:8px;background:var(--pay-details);border:1px solid var(--pay-outline);border-radius:0 0 9px 9px;
}
.payout-ledger .pay-month .pay-detail-row .pay-details{padding:0}
.pay-person-name{display:flex;align-items:baseline;gap:8px}
.pay-chevron{flex:none;color:var(--pay-accent);font-size:18px;line-height:1}
.pay-expanded .pay-chevron{transform:rotate(90deg)}
.pay-person-links{margin-left:16px}
.pay-history-button{white-space:nowrap;border-color:var(--pay-outline);color:var(--ink)}
.payout-ledger .pay-month .sal-group td{background:var(--pay-head);color:var(--ink);font-weight:700}
.payout-ledger .pay-month .pay-sub :is(th,td){background:var(--pay-head);color:var(--ink)}
.payout-ledger .pay-month .sal-total :is(th,td){color:var(--ink)}
:root[data-theme=light] main:has(.payouts-screen){background:#f4f6fb}
.payouts-screen .pay-history{max-height:185px;overflow:auto}
.payouts-screen #pay-history-title{width:fit-content}
.payouts-screen #pay-history-title:focus-visible{outline:2px solid var(--pay-accent);outline-offset:3px}

.pay-earned{
 display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;
 margin:0 0 6px;padding:8px 10px;border-radius:8px;background:var(--pay-selected);border:1px solid var(--pay-outline);
 color:var(--ink);font-weight:600;
}
.pay-earned strong{font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums}
/* Payouts on a phone (05.11.2026): the open calculation stays inside the screen while the table scrolls sideways. */
@media(max-width:900px){.payout-ledger .pay-month .pay-detail-row .pay-details{position:sticky;left:0;width:calc(100vw - 64px);box-sizing:border-box}}
.create-account small{display:block;margin:2px 0 8px}