:root{--navy:#183248;--navy-deep:#102739;--ink:#273c4f;--muted:#657789;--blue:#2582af;--line:#e2e8ee;--paper:#fff;--bg:#f4f7fa;--sheet:#3d546d;--head:#e7f2f8;--red:#b13e43;--green:#218464;--shadow:0 4px 22px #1b3c5710;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}
*{box-sizing:border-box}
body{margin:0}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{outline-offset:3px}
button{border:1px solid #d9e2e9;background:white;color:var(--ink);border-radius:8px;padding:9px 13px;cursor:pointer;transition:background .12s}
button:hover{background:#f0f6fa}
button:disabled{cursor:not-allowed;opacity:.5}
.primary{background:var(--navy);border-color:var(--navy);color:white}
.primary:hover{background:#264a65}
.danger{color:var(--red)}
a{color:var(--blue)}
input,select,textarea{border:1px solid #d8e1e9;border-radius:7px;background:white;padding:10px;color:var(--ink);max-width:100%}
textarea{resize:vertical}
input[type=checkbox]{accent-color:var(--blue)}
label{display:grid;gap:7px;font-size:13px}
.inline-label{display:flex;align-items:center;gap:7px;white-space:nowrap}
.muted,.hint{color:var(--muted)}
.hint{font-size:12px;line-height:1.6}
.initial{display:grid;place-items:center;min-height:80vh}
h1,h2,h3,p{margin-top:0}
h1{font-size:25px;font-weight:600;letter-spacing:-.5px;margin-bottom:7px}
h2{font-size:18px}
h3{font-size:15px}
.layout{display:grid;grid-template-columns:215px minmax(0,1fr);min-height:100vh}
.sidebar{background:linear-gradient(155deg,var(--navy),var(--navy-deep));color:white;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:30px 15px 18px}
.brand{font-size:24px;font-weight:700;letter-spacing:3px;margin:0 15px 4px}
.brand-sub{font-size:10px;letter-spacing:1.5px;color:#94aabc;margin:0 15px 36px}
.nav-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#819caf;margin:24px 14px 10px}
.nav-button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:0;color:#cad8e3;background:transparent;padding:12px 14px;margin:3px 0;border-radius:8px}
.nav-button:hover{background:#ffffff0d}
.nav-button.active{background:#ffffff16;color:white;box-shadow:inset 3px 0 #62b4d2}
.nav-icon{font-size:19px;width:21px;text-align:center}
.nav-button small{margin-left:auto;color:#a8bfcc;font-size:10px}
.sidebar-foot{margin-top:auto;padding:20px 13px 0;font-size:12px;color:#a7becd;line-height:1.7}
.work{min-width:0}
.topbar{height:64px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:12px;color:var(--muted)}
.topbar strong{color:var(--ink)}
.user{display:flex;align-items:center;gap:15px}
.user button{font-size:11px;padding:6px 10px}
.main{padding:26px 28px;max-width:2300px;margin:auto}
.page-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:21px;align-items:flex-start}
.page-head p{font-size:12px;margin:0;line-height:1.6}
.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.actions button{font-size:12px}
.badge{display:inline-flex;align-items:center;gap:6px;border-radius:20px;background:#e6f3ee;color:#277f63;padding:5px 10px;font-size:11px;white-space:nowrap}
.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.badge.preview{background:#fff2db;color:#9b6b23}
.badge.error{background:#fbe9e7;color:var(--red)}
.notice{padding:12px 15px;border-radius:9px;background:#fff7e8;border:1px solid #efdfbe;color:#88672c;line-height:1.6;font-size:12px;margin-bottom:14px}
.notice.error{background:#fff0ef;color:var(--red);border-color:#f0cccc}
.notice.info{background:#edf6fb;color:#487a96;border-color:#dcecf5}
.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:17px;overflow:auto}
.tab{border:0;border-radius:0;border-bottom:2px solid transparent;background:none;padding:13px 0;color:var(--muted);white-space:nowrap;font-size:13px}
.tab:hover{background:none;color:var(--ink)}
.tab.active{border-bottom-color:var(--blue);color:var(--blue);font-weight:bold}
.toolbar{background:white;border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:15px}
.toolbar input,.toolbar select{padding:8px;font-size:12px}
.toolbar .search{min-width:190px;flex:1}
.period-picker{position:relative}
.period-picker summary{cursor:pointer;list-style:none;font-size:12px;padding:9px 12px;border:1px solid var(--line);border-radius:7px}
.period-menu{position:absolute;z-index:20;top:41px;left:0;min-width:290px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:12px;max-height:330px;overflow:auto}
.period-menu label{padding:6px}
.period-menu small{color:var(--muted);margin-left:auto}
.legend{display:flex;gap:16px;font-size:11px;color:var(--muted);align-items:center;flex-wrap:wrap;margin:10px 0}
.dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}
.dot.grey{background:#d7dfe5}
.dot.red{background:#e9aaaa}
.sheet-shell{border:1px solid #dce5eb;border-radius:10px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}
.table-scroll{overflow:auto;max-height:calc(100vh - 323px);min-height:240px;position:relative;scrollbar-width:thin}
.report-table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;font-family:Arial,sans-serif;font-size:12px;font-variant-numeric:tabular-nums}
.report-table col.article{width:340px}
.report-table col.amount{width:145px}
.report-table col.percent{width:76px}
.report-table th,.report-table td{border-bottom:1px solid #e6e6e6;border-right:1px solid #edf0f3;height:30px;padding:5px 10px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.report-table th{background:var(--head);font-size:11px;color:#35556d;font-weight:600;position:sticky;top:0;z-index:4;height:34px}
.report-table thead tr:nth-child(2) th{top:34px;height:26px;font-size:10px;font-weight:normal}
.report-table thead tr:first-child th:first-child{left:0;z-index:6;text-align:left}
.report-table tbody td:first-child{position:sticky;left:0;z-index:2;text-align:left;background:white;white-space:nowrap;line-height:20px}
.report-table tr.kind-category td{color:#64798d;background:#fafcfd;font-size:11px}
.report-table tr.kind-category td:first-child{padding-left:33px;background:#fafcfd}
.report-table tr.kind-strong td{font-weight:bold;background:#f4f8fb}
.report-table tr.kind-section td,.report-table tr.kind-result td{background:var(--sheet);color:white;font-weight:bold;border-color:#53697e}
.report-table tr.kind-result td{background:#e7f2f8;color:#22485f;border-bottom:2px solid #c3d9e6}
.report-table tr.kind-section td:first-child{background:var(--sheet)}
.report-table tr.kind-result td:first-child{background:var(--head)}
.report-table tr.kind-strong td:first-child{background:#f4f8fb}
.report-table td.percent{font-size:10px;color:#71889c;background:#f8fbfd}
.report-table td.value{cursor:pointer}
.report-table td.value:hover{box-shadow:inset 0 0 0 2px #6ca3be}
.report-table td.reviewed{background:#e1e5e9!important;color:#5f6f7b!important}
.report-table td.attention{background:#fce4e2!important;color:#a5353c!important}
.report-table td.has-note:after{content:"●";font-size:6px;margin-left:5px;color:#3385aa}
.report-table .fold{border:0;padding:0;width:18px;background:transparent;color:inherit;font-size:12px;display:inline}
.report-table td.delta-positive{color:var(--green);background:#eff8f3}
.report-table td.delta-negative{color:var(--red);background:#fdf0ef}
.table-foot{padding:12px 14px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}
.empty{padding:65px 25px;text-align:center;color:var(--muted);line-height:1.8}
.empty strong{display:block;color:var(--ink);font-size:18px;margin-bottom:7px}
.loading{opacity:.55;pointer-events:none}
.card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:var(--shadow);margin-bottom:15px}
.admin-grid{display:grid;grid-template-columns:235px minmax(0,1fr);gap:18px}
.steps{padding:13px}
.step{display:flex;text-align:left;gap:11px;border:0;background:none;width:100%;padding:13px 10px;line-height:1.4}
.step span{background:#edf2f6;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0;font-size:11px}
.step.active{background:#edf6fa;color:#277599}
.step small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.form-grid .wide{grid-column:1/-1}
.form-error{color:var(--red);font-size:12px;line-height:1.6;margin:10px 0}
.input-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:12px}
.input-table th{text-align:left;font-size:11px;color:var(--muted);font-weight:normal;padding:8px;border-bottom:1px solid var(--line)}
.input-table td{padding:7px;border-bottom:1px solid var(--line)}
.input-table input,.input-table select{width:100%;font-size:12px;min-width:75px}
.input-table tr td:first-child{padding-left:0}
.input-table tr td:last-child{padding-right:0}
.input-table .icon{padding:5px 8px}
.draft-preview{padding:18px;border:1px solid #caddd1;border-radius:9px;background:#f7fcf9;margin:18px 0}
.draft-preview table{margin:8px 0}
.list-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}
.list-row small{display:block;color:var(--muted);margin-top:5px;line-height:1.6}
.list-row button{font-size:11px;flex-shrink:0}
.login-wrap{display:grid;place-items:center;min-height:100vh;background:linear-gradient(135deg,#19354b,#0b2334)}
.login-card{background:white;border-radius:16px;width:390px;max-width:calc(100% - 36px);padding:35px;box-shadow:0 25px 80px #0003}
.login-card .brand{color:var(--navy);margin:0 0 12px}
.login-card label{margin:19px 0}
.login-card .primary{width:100%;margin-top:12px}
.login-card p{line-height:1.7;font-size:13px}
.dashboard-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kpi-preview{min-height:130px;border-radius:14px;padding:22px;color:white;background:radial-gradient(circle at top right,#46739255,transparent 65%),linear-gradient(115deg,#1d405a,#102a3e);box-shadow:var(--shadow)}
.kpi-preview p{font-size:12px;color:#bfd1df}
.kpi-preview strong{font-size:24px;display:block;margin:17px 0 7px;font-weight:normal}
.kpi-preview small{color:#9eb7c9;font-size:11px}
.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:16px}
.placeholder-chart{height:210px;border-bottom:1px solid var(--line);display:grid;place-items:center;background:repeating-linear-gradient(0deg,transparent,transparent 51px,#e5edf3 52px)}
dialog{border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 100px #172d4930;width:490px;max-width:calc(100% - 32px);padding:25px;color:var(--ink)}
dialog::backdrop{background:#152c4655}
.dialog-head,.dialog-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}
.dialog-head h2{margin:0}
.dialog-head{margin-bottom:10px}
.dialog-actions{justify-content:flex-end;margin-top:20px}
dialog label{margin-top:16px}
.icon{padding:5px 10px;font-size:20px;line-height:1;background:none;border:0}
.dialog-head .icon{color:var(--muted)}
#toast{position:fixed;bottom:25px;right:25px;background:var(--navy);color:white;padding:14px 19px;border-radius:10px;box-shadow:var(--shadow);z-index:100;max-width:450px;font-size:13px}
#toast:empty{display:none}
.spacer td{padding:0!important;border:0!important;height:0}
.section-subtitle{color:var(--muted);font-size:12px;margin-bottom:20px}
.audit-details{max-width:100%;overflow-wrap:anywhere}
.nowrap{white-space:nowrap}
@media(min-width:1600px){.report-table col.article{width:385px}
.main{padding:30px 34px}
.report-table{font-size:13px}
}
@media(max-width:1100px){.layout{grid-template-columns:180px minmax(0,1fr)}
.main{padding:20px 18px}
.sidebar{padding:25px 9px}
.page-head{flex-wrap:wrap}
.admin-grid{grid-template-columns:190px minmax(0,1fr)}
.report-table col.article{width:285px}
.toolbar{gap:9px}
.table-scroll{max-height:64vh}
.dashboard-preview{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){.layout{display:block}
.sidebar{height:auto;position:relative;padding:14px;display:block}
.brand{font-size:18px}
.brand-sub,.nav-title,.sidebar-foot{display:none}
.sidebar nav{display:flex;overflow:auto;margin-top:13px}
.nav-button{white-space:nowrap;width:auto;font-size:12px;margin-right:4px;padding:8px 10px}
.nav-button small{display:none}
.nav-icon{font-size:15px;width:auto}
.topbar{height:48px;padding:0 17px}
.main{padding:20px 12px}
.page-head h1{font-size:23px}
.tabs{gap:19px}
.admin-grid{display:block}
.steps{display:flex;overflow:auto;padding:8px}
.step{min-width:145px;padding:9px}
.step small{display:none}
.form-grid{grid-template-columns:1fr}
.dashboard-grid{grid-template-columns:1fr}
.dashboard-preview{grid-template-columns:1fr}
.report-table col.article{width:235px}
.report-table col.amount{width:130px}
.card{padding:17px}
.user{gap:8px}
.toolbar .search{min-width:100%}
.table-foot{line-height:1.6;gap:10px}
.input-table{min-width:570px}
.input-overflow{overflow:auto}
.period-menu{max-width:calc(100vw - 45px)}
.topbar .crumb{font-size:11px}
}

.release-card{margin-top:16px}.release-checks{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px}.release-checks .pass{color:#13734b}.release-checks .pending{color:#8b6421}.release-card h3{margin:0}.release-card .actions{flex-wrap:wrap}

/* Monthly expense ledger keeps unknown months visibly empty. */
.table-overflow{overflow:auto}
.expense-table{width:max-content;min-width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.expense-table th,.expense-table td{padding:12px 16px;border:1px solid #e1e5e9;min-width:128px;text-align:right;white-space:nowrap}
.expense-table th:first-child{min-width:260px;text-align:left;position:sticky;left:0;background:#fff;z-index:1}
.expense-table thead th,.expense-table tbody tr:first-child>*{background:#3d546d;color:#fff;font-weight:600}
.expense-table thead th:first-child,.expense-table tbody tr:first-child th:first-child{background:#3d546d}
.expense-table td.selected-month{background:#e7f2f8}
.expense-table tbody tr:first-child td.selected-month{background:#29435d}
#expense-fields{padding:0;border:0;margin:20px 0}
#expense-fields:disabled{opacity:.55}
#expense-rows input[name=label]{min-width:210px}
#expense-rows input[name=amount]{width:140px}
#expense-rows input[name=reason]{min-width:250px}
.local-banner{padding:10px 36px;background:#e7f2f8;color:#284960;font-size:13px;border-bottom:1px solid #d5e3ec}

/* Compact workspace: the financial grid is the primary surface. */
:root{--article-width:286px;--amount-width:106px;--percent-width:47px}
[hidden]{display:none!important}
.layout{grid-template-columns:180px minmax(0,1fr)}
.sidebar{padding:22px 10px 14px}.sidebar .brand{font-size:23px;letter-spacing:.2px;margin:0 13px 26px}
.nav-button{padding:10px 12px;font-size:13px;gap:9px}.nav-icon{font-size:17px}
.topbar{height:36px;padding:0 18px}.local-label{font-size:10px;color:#7f8fa0}
.main{padding:12px 18px;max-width:none}.page-head{margin-bottom:8px;align-items:center;gap:10px}
h1{font-size:20px;letter-spacing:-.3px;margin:0}.page-head p{margin-top:5px}
button{padding:7px 11px;border-radius:6px}.actions{gap:7px}.actions button{font-size:12px}
.tabs{gap:22px;margin-bottom:8px}.tab{padding:9px 0;font-size:12px}
.toolbar{padding:6px 8px;gap:10px;margin-bottom:8px;border-radius:6px;flex-wrap:nowrap}
.toolbar label{font-size:11px}.toolbar input,.toolbar select{padding:6px;font-size:11px}.toolbar .search{min-width:100px}
.toolbar select{max-width:245px}.toolbar input[type=checkbox]{margin:0}
.sheet-shell{border-radius:4px;box-shadow:none}.table-scroll{max-height:none;min-height:260px}
.report-table{font-size:11px;width:max-content;min-width:100%;table-layout:fixed}
.report-table col.article{width:var(--article-width)}.report-table col.amount{width:var(--amount-width)}.report-table col.percent{width:var(--percent-width)}
.report-table th,.report-table td{height:24px;padding:2px 6px;line-height:19px;max-width:var(--amount-width)}
.report-table th{height:30px;font-size:10px;text-align:center;line-height:13px}
.report-table thead th small{display:block;font-size:9px;font-weight:normal}
.report-table thead tr:nth-child(2) th{top:30px;height:18px;font-size:9px;padding:0 4px}
.report-table td:first-child{min-width:var(--article-width);max-width:var(--article-width)}
.report-table tbody td:first-child{line-height:19px}.report-table td.percent{font-size:9px;padding:2px 4px}
.report-table tr.kind-category td{font-size:10px}.report-table tr.kind-category td:first-child{padding-left:25px}
.report-table tr.kind-result td,.report-table tr.kind-result td:first-child{background:var(--sheet);color:#00ffff;border-bottom:1px solid #53697e}
.report-table tr.kind-section td.percent,.report-table tr.kind-result td.percent{background:var(--sheet);color:#fff}
.report-table .year-sum,.report-table .year-heading{position:sticky;left:var(--sticky-article,var(--article-width));z-index:3;background:#f1f7fa;font-weight:bold}
.report-table .year-percent{position:sticky;left:calc(var(--sticky-article,var(--article-width)) + var(--sticky-amount,var(--amount-width)));z-index:3;background:#f1f7fa;border-right:3px solid #bcc8d1}
.report-table thead .year-heading,.report-table thead .year-sum,.report-table thead .year-percent{z-index:5;background:var(--head)}
.report-table tr.kind-section .year-sum,.report-table tr.kind-section .year-percent{background:var(--sheet)}
.report-table tr.kind-result .year-sum,.report-table tr.kind-result .year-percent{background:var(--sheet)}
.report-table td[role=cell]{cursor:default}.report-table td[role=cell]:hover{box-shadow:none}
.partial-total:after{content:'*';color:#9d701d;margin-left:2px}
.form-grid{gap:12px}.card{padding:18px}.admin-grid{grid-template-columns:205px minmax(0,1fr);gap:14px}
.step{padding:11px 8px}.entry-table{width:100%}.entry-table th{text-align:left;font-size:12px;padding:5px}
#expense-rows td{vertical-align:top;padding:3px}#expense-rows td:nth-child(4){width:48%}
#expense-rows textarea{width:100%;min-width:240px;line-height:1.45;font-size:13px}
.expense-table th,.expense-table td{padding:8px 11px;min-width:110px;font-size:12px}
.expense-table th:first-child{width:260px;max-width:260px;white-space:normal}
.expense-table td:nth-child(2),.expense-table thead th:nth-child(2){position:sticky;left:260px;z-index:1;background:#f1f7fa;border-right:2px solid #bac8d4;font-weight:bold}
.expense-table thead th:nth-child(2),.expense-table tbody tr:first-child td:nth-child(2){background:var(--sheet);color:white}
.dashboard-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.dash-kpi{position:relative;overflow:hidden;border-radius:14px;padding:16px;min-height:135px;color:#fff;background:radial-gradient(ellipse at 95% 0,#4876bb66,transparent 65%),linear-gradient(160deg,#213e68,#162640);box-shadow:0 4px 8px #13253a20}
.dash-kpi h2{font-size:11px;line-height:1.4;color:#b9cce3;font-weight:600;min-height:31px;margin:0 0 9px}
.dash-kpi strong{display:block;font-size:21px;white-space:nowrap}.dash-kpi p{font-size:11px;margin:16px 0 0;line-height:1.5}
.dash-kpi .up{color:#7ed3a4}.dash-kpi .down{color:#ff9e98}.dash-kpi small{display:block;font-size:10px;margin-top:6px;color:#c0d1e2}
.chart-later{margin-top:20px}.section-subtitle{margin:12px 0 15px}
.orders-toolbar{flex-wrap:wrap}.orders-toolbar select{max-width:200px}.orders-toolbar .search{min-width:200px}.orders-stamp{margin:8px 0 12px}.orders-summary h2,.orders-days h2{font-size:16px;margin:0 0 10px}.orders-summary,.orders-days{margin-top:12px}.status-bar{display:flex;height:20px;border-radius:9px;overflow:hidden;background:#e8edf4;min-width:60px}.status-bar>span{min-width:1px;flex-basis:0}.status-new_assembly{background:#50758d}.status-waiting_wb{background:#a36d00}.status-in_transit{background:#1780b2}.status-pickup_point{background:#5640a6}.status-sold{background:#0b8051}.status-problem{background:#be2c45}.status-unknown{background:#aa247d}.status-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:9px 20px;margin:17px 0}.status-label{display:flex;gap:6px;align-items:center;padding:4px;border:0;text-align:left;background:transparent;font-size:12px}.status-label i,.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot{margin-right:6px}.status-label span{flex:1}.status-label.selected{outline:1px solid #5482b8;border-radius:4px}.status-label small{color:#70839b}.red-explanation{border:1px solid #f0b6bf;background:#fff1f2;border-radius:6px;color:#962438;padding:10px;font-size:12px}.red-explanation p{line-height:1.5}.order-day-row{display:flex;gap:18px;align-items:center;width:100%;border:0;border-bottom:1px solid #e0e7ef;border-radius:0;padding:13px 6px;background:white;text-align:left}.order-day-row .status-bar{flex:1}.order-day-row strong{min-width:83px;font-size:12px}.order-day-row>span{font-size:11px;color:#5b7494}.order-day-block .table-overflow{max-height:420px;overflow:auto;background:#f8fbfd}.mart-table{border-collapse:separate;border-spacing:0;min-width:100%;font-size:11px;font-variant-numeric:tabular-nums}.mart-table th{background:#e6f1f7;color:#294a6b;position:sticky;top:0;z-index:3;padding:7px;text-align:left}.mart-table td{padding:6px 8px;border-bottom:1px solid #e4e9ef;white-space:nowrap}.mart-table tr:hover td{background:#f0f6fb}.unit-scroll{max-height:calc(100dvh - 165px);overflow:auto;background:white;border:1px solid var(--line);border-radius:6px}.unit-table th{height:60px;min-width:100px;max-width:125px;white-space:normal;font-size:10px;border-right:1px solid #d2e0ea}.unit-table td{height:29px;box-sizing:border-box;padding:4px 8px;text-align:right;max-width:200px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #e5eaf0}.unit-table [data-unit-pin]{position:sticky;left:0;min-width:110px;width:110px;max-width:110px;background:#fff;text-align:left;z-index:1}.unit-table [data-unit-pin="article"]{left:110px;min-width:175px;max-width:175px;width:175px;border-right:2px solid #b7cad9}.unit-table thead [data-unit-pin]{z-index:4;background:#e6f1f7}.unit-table .virtual-space td{position:static;padding:0;border:0;max-width:none;background:white}.unit-quality{font-size:11px;margin:10px 0}.unit-quality summary{cursor:pointer;color:#5d7392}.unit-quality li{margin:5px 0}.unit-quality ul{padding-left:22px;line-height:1.5}
.sidebar{background:linear-gradient(180deg,#2e4d7b 0%,#213858 28%,#182940 100%)}
.sidebar nav{overflow-y:auto;max-height:calc(100dvh - 100px)}
.annual-scroll{overflow:auto;max-height:calc(100dvh - 160px);border:1px solid var(--line);background:white}
.annual-table{border-collapse:separate;border-spacing:0;font-size:11px;min-width:1450px;width:100%;font-variant-numeric:tabular-nums}
.annual-table th,.annual-table td{padding:5px 7px;border-right:1px solid #e5eaf0;border-bottom:1px solid #e5eaf0;min-width:85px;text-align:right;white-space:nowrap}
.annual-table th:first-child{position:sticky;left:0;width:275px;min-width:275px;max-width:275px;text-align:left;white-space:normal;background:#fff;z-index:2;font-weight:normal}
.annual-table td:nth-child(2),.annual-table th:nth-child(2){position:sticky;left:275px;background:#f0f5f9;font-weight:bold;border-right:2px solid #b5c6d8;z-index:2}
.annual-table thead th{position:sticky;top:0;background:#e6f1f7;z-index:3;height:32px}.annual-table thead th:first-child,.annual-table thead th:nth-child(2){z-index:4;background:#e6f1f7}
.annual-table tr.kind-section>:is(th,td),.annual-table tr.kind-result>:is(th,td){background:var(--sheet);color:#fff;font-weight:bold;border-color:#53697e}
.annual-table tr.kind-result>:is(th,td){color:#00ffff}
.annual-table tr.kind-strong>:is(th,td){background:#f4f8fb;font-weight:bold}
.annual-table tr:is(.kind-section,.kind-result) small{color:#fff}
.annual-table small{font-size:9px;display:block;color:#647e9e}.annual-pending{margin:8px 0}.cash-toolbar{flex-wrap:wrap;gap:8px}.cash-toolbar select{max-width:180px}.cash-hint{margin:8px 0 12px;line-height:1.5}
.cash-grid{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:auto}.cash-weekdays,.cash-days{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));min-width:945px}.cash-weekdays div{font-size:10px;text-transform:uppercase;padding:12px 10px;color:#657d97;border-bottom:1px solid var(--line)}
.cash-day{padding:6px 10px 10px;border-right:1px solid #edf0f5;border-bottom:1px solid #e1e8f0;min-height:151px;position:relative;cursor:pointer;font-size:12px;font-variant-numeric:tabular-nums}.cash-day:hover,.cash-day:focus-visible{outline:2px solid #5482b8;outline-offset:-2px}.cash-day.outside{background:#f8fafc;color:#8b9ab0}.cash-day.today{background:#e6f3fc}.cash-day-top{display:flex;justify-content:space-between;align-items:center;height:28px;margin-bottom:8px}.cash-day-top span{margin-left:auto}.cash-day-top button{font-size:17px;width:25px;height:25px;border-radius:50%;padding:0;line-height:23px}.cash-day small{display:block;color:#7890a5;font-size:10px;min-height:17px}.cash-in{color:#098871}.cash-out{color:#c83044}.cash-day .cash-in,.cash-day .cash-out{margin:5px 0}.cash-net{padding:4px 5px;margin:5px -3px;border-radius:3px}.cash-net.positive{background:#b1e9e3;color:#18526a}.cash-net.negative{background:#ffb4b4;color:#832d3f}.day-count{position:absolute;right:10px;bottom:10px;font-size:10px;color:#5f7a9b}
.side-drawer{position:fixed;inset:0 0 0 auto;margin:0;max-height:100dvh;height:100dvh;width:620px;max-width:95vw;border:0;border-left:1px solid var(--line);border-radius:0;padding:24px;overflow:auto;box-shadow:-12px 0 30px #18354b20}.side-drawer::backdrop{background:#162f494d}.side-drawer .dialog-head{position:sticky;top:-24px;background:white;padding:12px 0;z-index:5}.side-drawer label:not(.inline-label){display:flex;flex-direction:column;gap:6px;margin:9px 0;font-size:12px}.side-drawer input:not([type=checkbox]),.side-drawer select,.side-drawer textarea{width:100%}.side-drawer .inline-label{font-size:12px;white-space:normal;margin:10px 0;line-height:1.5}.side-drawer .form-grid{grid-template-columns:1fr 1fr}.side-drawer .wide-label textarea{resize:vertical;min-height:85px}.side-drawer h3{margin-top:24px;font-size:15px}.side-drawer fieldset{border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin:14px 0}.side-drawer legend{padding:0 6px;font-weight:bold;font-size:12px}.side-drawer fieldset .inline-label{display:flex}.repeat-label{display:flex;margin:14px 0}.side-drawer .tabs{flex-wrap:wrap}.side-drawer .tabs button{font-size:11px;padding:10px}.side-drawer .list-row small{display:block;margin-top:6px;color:var(--muted)}
.operation-list{margin-top:15px}.operation-row{display:flex;align-items:center;gap:16px;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 4px;text-align:left;background:white}.operation-row:hover{background:#f4f8fc}.operation-row>span:nth-child(2){flex:1;min-width:0}.operation-row strong{display:block;white-space:normal;line-height:1.5;font-weight:600}.operation-row small{display:block;font-size:11px;color:#7c8fa3;margin-top:5px}.operation-sign{font-size:14px;white-space:nowrap}.payment-amount{font-size:28px;font-weight:700;margin:20px 0}.payment-purpose{white-space:pre-wrap;line-height:1.6;background:#f3f7fb;padding:14px;border-radius:8px}.payment-details{display:grid;grid-template-columns:130px 1fr;gap:12px;font-size:13px}.payment-details dt{color:var(--muted)}.payment-details dd{margin:0}.side-drawer .dialog-actions{justify-content:flex-start;flex-wrap:wrap;margin:20px 0;gap:8px}.side-drawer .hint{line-height:1.6}
.notes-table{width:100%;border-collapse:collapse;font-size:12px}.notes-table td,.notes-table th{padding:11px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.notes-table small{display:block;margin-top:7px;color:var(--muted)}.notes-table th{background:var(--head);font-size:11px}
.note-text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:220px;max-width:700px}.note-attention{background:#fff0ef}.note-reviewed{background:#e9edf0}
.notes-table button{font-size:11px;white-space:nowrap;margin-bottom:4px}
.permissions{border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
.permissions legend{font-size:13px;padding:0 5px}.permissions label{white-space:normal}.employee-list .list-row{align-items:flex-start}
.employee-list .list-row>div:first-child{max-width:70%}.employee-pagination{margin-top:12px}.credential-result{border-color:#b8d9c9;background:#f4fbf7}
.accrual-history{margin-top:16px}.accrual-dossier summary{cursor:pointer;font-weight:bold}.accrual-dossier dl{display:grid;grid-template-columns:190px 1fr;font-size:12px;gap:8px}.accrual-dossier dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
@media(min-width:1750px){:root{--article-width:330px;--amount-width:117px;--percent-width:49px}.report-table{font-size:12px}}
@media(min-width:1251px) and (max-width:1550px){:root{--article-width:240px;--amount-width:90px;--percent-width:36px}.layout{grid-template-columns:165px minmax(0,1fr)}.main{padding:10px 12px}}
@media(max-width:1250px){.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar{flex-wrap:wrap}.layout{grid-template-columns:160px minmax(0,1fr)}.sidebar .brand{font-size:20px}.main{padding:10px}.permissions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.layout{display:block}.sidebar{height:auto;padding:12px}.sidebar .brand{margin:0 0 7px}.sidebar nav{margin:0}.main{padding:10px}.topbar{height:34px;padding:0 12px}.user>span:not(.local-label){display:none}.page-head{flex-wrap:wrap}.page-head h1{font-size:18px}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-kpi strong{font-size:18px}.admin-grid{display:block}.form-grid{grid-template-columns:1fr}.permissions{grid-template-columns:1fr}.report-table .year-sum,.report-table .year-percent,.report-table .year-heading{position:static}.employee-list .list-row{flex-direction:column}.employee-list .list-row>div:first-child{max-width:100%}:root{--article-width:230px}}

/* Owner review: the whole month fits the viewport; details open on demand. */
.cash-grid{overflow:hidden;display:flex;flex-direction:column}.cash-weekdays{flex:0 0 29px}.cash-weekdays div{padding:8px 10px}.cash-days{flex:1;min-height:0}.cash-day{min-height:0;overflow:hidden;padding:4px 9px;display:flex;flex-direction:column;justify-content:space-around;font-size:11px}.cash-day-top{height:20px;min-height:20px;margin:0}.cash-day-top button{width:21px;height:21px;font-size:15px;line-height:19px}.cash-day small{font-size:9px;min-height:11px}.cash-day .cash-in,.cash-day .cash-out{margin:0}.cash-net{padding:3px 5px;margin:1px -3px}.cash-net.positive{background:#e6f3ed;color:#326e58}.cash-net.negative{background:#f9e6e7;color:#913f4c}.cash-net.neutral{background:#f2f5f8;color:#6f8295}.cash-in{color:#367f69}.cash-out{color:#b15a62}.day-count{bottom:4px}.cash-instructions{padding:10px 0;font-size:12px;line-height:1.6}.cash-instructions summary{cursor:pointer;color:#35628d}.cash-instructions li{margin:8px 0}
.unit-toolbar{flex-wrap:wrap}.unit-toolbar select{max-width:210px}.unit-toolbar .search{min-width:160px}.unit-table thead th{padding:0}.unit-table thead button{white-space:normal;width:100%;height:100%;padding:7px;border:0;border-radius:0;text-align:left;background:transparent;font-size:10px;color:inherit;font-weight:600}.unit-dialog{width:640px;max-height:85vh;border:1px solid var(--line);border-radius:12px;padding:20px}.unit-dialog::backdrop{background:#17314a66}.unit-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between}.unit-dialog p,.unit-dialog li{font-size:13px;line-height:1.6}.unit-column-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;max-height:55vh;overflow:auto}.unit-column-list label{font-size:12px;white-space:normal;align-items:start;padding:6px}.unit-column-list label[hidden]{display:none}.unit-dialog>.actions{margin-top:12px}.unit-dialog .search{width:100%}
@media(max-height:760px){.cash-day{font-size:10px;padding-top:2px;padding-bottom:2px}.cash-net{padding:2px 4px}.cash-day-top{height:18px;min-height:18px}.cash-day-top button{height:18px;width:18px;line-height:16px}}
/* Common control centre and product tables. */
.settings-group{margin:18px 0 24px}.settings-group h2{font-size:15px;margin:0 0 10px}
.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}
.settings-tile{text-align:left;padding:18px;min-height:85px;white-space:normal;background:#fff;border:1px solid #dce6ee;border-radius:10px}
.settings-tile strong{display:block;font-size:14px;color:#243e60}.settings-tile small{display:block;color:#6c7f98;font-size:12px;margin-top:7px;line-height:1.4}
.settings-tile:hover{border-color:#79adc9;background:#f6fbfd}.sidebar nav{flex:1;min-height:0;overflow-y:auto}.sidebar .nav-button[data-page="settings"]{margin-top:20px}
.center-table{width:100%;border-collapse:collapse;font-size:12px}.center-table th{background:#e7f2f8;text-align:left;padding:9px;font-weight:600}.center-table td{padding:8px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.center-table small{display:block;color:#718399;font-size:11px;margin-top:4px}
.center-scroll{overflow:auto;max-height:calc(100vh - 265px)}.center-table thead{position:sticky;top:0;z-index:2}.cost-months th{white-space:nowrap}.cost-months td:nth-child(n+3){text-align:right;min-width:82px}.cost-months tbody th{min-width:210px;position:sticky;left:0;font-weight:400;background:#fff;z-index:1}
.center-form{display:grid;gap:12px;margin-top:12px}.center-form fieldset{padding:12px;border:1px solid #dce6ee;border-radius:8px}.center-form label{display:flex;flex-direction:column;gap:6px}.center-form label.inline-label{flex-direction:row}.center-form input,.center-form select,.center-form textarea{width:100%;min-width:0}.center-form input[type=checkbox]{width:auto}.center-form select{max-width:100%}
.plan-field-group{border:1px solid #dce6ee;border-radius:8px;padding:12px}.plan-field-group summary{cursor:pointer;font-weight:600}.plan-field-group .form-grid{margin-top:12px}.negative-text{color:#bd414a}.demo-label{color:#8a5300;background:#fff0c9;padding:3px 8px;border-radius:4px;font-size:11px}
.permission-row{display:grid;grid-template-columns:minmax(220px,1fr) 80px 80px;align-items:center;gap:8px;padding:7px;border-bottom:1px solid #edf1f6}.permission-row input{justify-self:center;width:auto}.permission-head{font-size:11px;color:#718399}.permissions-matrix{max-width:820px;margin:15px 0;border:1px solid #dce6ee;border-radius:8px}
#handover-template{width:100%;margin-bottom:12px}.settings-group ol li{margin:12px 0}

/* Orders workspace: compact fixed legend, status matrix and accessible selectors. */
.sidebar,.dash-kpi{background:linear-gradient(180deg,#2e4d7b 0%,#213858 28%,#182940 100%)}
.sidebar{background-size:100% 290px;background-repeat:no-repeat;background-color:#182940}
.cash-closing{border-radius:3px;padding:3px 5px;font-size:11px;font-weight:600;line-height:1.2}
.cash-closing.positive{background:#cfe9d9;color:#285d40}.cash-closing.negative{background:#f2cfd0;color:#8c353b}.cash-closing.neutral{background:#eef1f5;color:#4c617b}.cash-closing.unknown{color:#6c8097}
.orders-title,.orders-summary-line,.orders-detail-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.orders-title h1{margin:0}.orders-title .hint{font-size:10px}.orders-tabs{margin-bottom:8px}.orders-sticky{position:sticky;top:0;z-index:8;background:#f6f9fc;border:1px solid #d9e5ee;border-radius:8px;padding:8px 12px;box-shadow:0 2px 5px #20395714}.orders-summary-line{font-size:12px}.orders-summary-line .actions{margin-left:auto}.orders-sticky .status-legend{display:flex;flex-wrap:wrap;gap:2px 12px;margin:5px 0}.orders-sticky .status-label{font-size:10px;gap:5px;padding:3px 0}.orders-sticky .status-label strong{margin-left:3px}.orders-sticky .status-bar{height:8px}.orders-help{font-size:11px;position:relative}.orders-help summary{cursor:pointer;color:#60768e}.orders-help[open] p{position:absolute;z-index:20;right:0;top:15px;min-width:300px;max-width:550px;padding:14px;background:white;border:1px solid #c9d9e7;box-shadow:0 5px 15px #18385224;line-height:1.6}.orders-days{padding:10px}.orders-days .order-day-row{padding:9px 5px}.orders-days .status-bar{height:17px}.orders-detail-tools{padding:8px;background:#eef5fa;font-size:11px}.orders-detail-tools select{max-width:240px}.orders-pagination{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-bottom:8px;font-size:11px}.order-matrix{width:100%;table-layout:fixed}.order-matrix th{white-space:normal;font-size:11px}.order-matrix button,.mart-table th button{border:0;background:transparent;color:inherit;font-size:inherit;padding:3px;text-align:inherit;white-space:normal}.order-matrix td{text-align:right}.order-matrix td:first-child{text-align:left}.order-matrix td button{color:#156791;border-radius:3px;text-align:right;min-width:38px}.order-matrix td button:hover{background:#e4f0f8}.orders-kpis{display:flex;gap:10px;margin:12px 0}.orders-kpis>div{flex:1;padding:12px 16px;background:white;border:1px solid #dae5ee;border-radius:9px}.orders-kpis small,.orders-kpis strong{display:block}.orders-kpis small{color:#6a7c94;font-size:11px}.orders-kpis strong{font-size:21px;margin-top:5px}.control-critical td{background:#fbe9e9}.control-warning td{background:#fff7e5}.stock-picker-list{max-height:330px;overflow:auto}.stock-picker-list label{display:flex;align-items:center;gap:8px;padding:5px;border-bottom:1px solid #e3eaf0}.stock-picker-list label span{flex:1}.stock-picker-list label small{display:block;color:#718397}.stock-picker-list input[type=number]{width:100px}.stock-picker-list input[type=checkbox]{width:auto}.side-drawer .table-overflow{max-height:70vh;overflow:auto}
@media(max-height:760px){.cash-closing{font-size:10px;padding:2px 4px}.cash-net{font-size:10px;padding:1px 4px}}
@media(max-width:900px){.orders-kpis{flex-wrap:wrap}.orders-kpis>div{min-width:120px}.orders-sticky .status-label{font-size:10px}.orders-title .hint{display:none}}
.center-form .stock-picker-list>label{display:grid;grid-template-columns:20px minmax(0,1fr) 100px;gap:10px;text-align:left;align-items:center;min-height:40px}.center-form .stock-picker-list>label>span{min-width:0;overflow-wrap:anywhere}.center-form .stock-picker-list input[type=checkbox]{justify-self:start;margin:0}.orders-source-rules{font-size:12px;margin:14px 0;line-height:1.5}.orders-source-rules summary{cursor:pointer;color:#356481}.control-critical td:nth-child(6),.control-warning td:nth-child(6),.control-case td:nth-child(6){max-width:220px;min-width:140px;white-space:normal}
.dashboard-approvals{display:flex;align-items:center;justify-content:space-between;max-width:480px;padding:16px 20px;margin-top:16px}.dashboard-approvals h2{font-size:15px;margin:0 0 5px}

/* Screenshot 18-52: separate lower service navigation. */
@media(min-width:761px){.sidebar nav{display:flex;flex-direction:column}.nav-service{margin-top:auto;padding-top:18px;border-top:1px solid #ffffff30}.sidebar .nav-service .nav-button[data-page="settings"]{margin-top:0}}
@media(max-width:760px){.nav-service{display:flex;border-left:1px solid #ffffff30;padding-left:8px;margin-left:8px}}