/* fonts-bumped-v1 */
/* AIVIO ERP — общие стили новых модулей (поверх styles.css) */
:root{--amber:#b7791f;--teal:#0ea5a8;--soft:#f7f8f4;--soft-2:#eef0e8}
body.dark{--soft:#20231c;--soft-2:#2a2e25}

/* ---------- сайдбар: группы ---------- */
.sidebar nav{gap:2px;padding-bottom:6px}
.sidebar .side-label{display:none}
.nav-group{display:flex;flex-direction:column;margin-top:4px}
.nav-group-head{border:0;background:transparent;display:flex;align-items:center;gap:7px;width:100%;text-align:left;padding:10px 8px 6px;margin-top:6px;border-top:1px solid #292c25;color:#8e938a;font-size:11px;font-weight:800;letter-spacing:1px;cursor:pointer}
.nav-group-head:hover{color:#a7ab9f}
.nav-group-head em{margin-left:auto;font-style:normal;transition:.18s;font-size:12px}
.nav-group-head .nav-group-mine{font-style:normal;background:#2c3122;color:#c9e34a;border-radius:9px;padding:1px 6px;font-size:10.5px;font-weight:800}
.nav-group:not(.open) .nav-group-head em{transform:rotate(-90deg)}
.nav-group-items{display:flex;flex-direction:column;gap:2px;overflow:hidden}
.nav-group:not(.open) .nav-group-items{display:none}
.nav-button .nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-button.mine:not(.active) .nav-label{color:#dfe3d6}
.nav-button.mine:not(.active)::after{content:'';width:5px;height:5px;border-radius:50%;background:#c9e34a;flex:0 0 5px}
.nav-button.mine .badge{margin-left:0}
.profile{cursor:pointer}
.profile:hover b{color:#d6f12b}

/* ---------- топбар ---------- */
.top-actions .ghost-button{white-space:nowrap}

/* ---------- KPI тона ---------- */
.kpi.kpi-red strong{color:var(--red)}.kpi.kpi-green strong{color:var(--green)}.kpi.kpi-amber strong{color:var(--amber)}.kpi.kpi-blue strong{color:var(--blue)}
.kpi em{display:block;font-size:11px;color:var(--muted);margin-top:4px;font-style:normal}

/* ---------- общие компоненты ---------- */
.panel{background:var(--surface)}
.panel-right{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.erp-empty{padding:26px 10px;text-align:center;color:var(--muted);font-size:12px;display:flex;flex-direction:column;gap:4px}
.erp-empty b{color:var(--ink);font-size:13px}
.erp-select{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}
.erp-select select,.erp-search input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:7px 10px;font-size:12px;font-family:inherit}
.erp-search{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:0 9px;background:var(--surface);color:var(--muted)}
.erp-search input{border:0;min-width:180px;padding:7px 2px}
.erp-search input:focus{outline:none}
.erp-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:-4px 0 16px;overflow:auto}
.erp-tabs button{border:0;background:transparent;color:var(--muted);padding:9px 12px;font-weight:700;font-size:13px;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;cursor:pointer;display:flex;gap:6px;align-items:center}
.erp-tabs button span{background:var(--soft-2);border-radius:10px;padding:1px 7px;font-size:11px}
.erp-tabs button.active{color:var(--ink);border-bottom-color:var(--ink)}
.erp-tabs button.active span{background:var(--ink);color:var(--surface)}
.erp-table td b{font-weight:750}
.erp-table td small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.erp-table tr.clickable{cursor:pointer}
.erp-table tr.clickable:hover td{background:var(--soft)}
.erp-table th{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);padding:10px 12px;text-align:left;border-bottom:1px solid var(--line)}
.erp-table td.num,.erp-table th.num{text-align:right;font-variant-numeric:tabular-nums}
.erp-kv .info span{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}
.erp-kv .info b{font-size:13px}
.erp-bars{display:flex;flex-direction:column;gap:8px}
.erp-bar-row{display:grid;grid-template-columns:150px 1fr 90px;gap:10px;align-items:center;font-size:12px}
.erp-bar-label{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.erp-bar-track{position:relative;height:10px;background:var(--soft-2);border-radius:6px;overflow:hidden}
.erp-bar-track i{position:absolute;left:0;top:0;bottom:0;border-radius:6px}
.erp-bar-track i.plan{background:repeating-linear-gradient(45deg,#c9ccc3 0 3px,transparent 3px 6px);opacity:.7}
.erp-bar-value{text-align:right;font-variant-numeric:tabular-nums}
.erp-columns{display:flex;align-items:flex-end;gap:8px;padding:6px 4px 0}
.erp-column{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;height:100%}
.erp-column i{display:block;width:100%;max-width:38px;border-radius:6px 6px 2px 2px;min-height:2px;transition:.3s}
.erp-column span{font-size:10.5px;color:var(--muted);white-space:nowrap}
.erp-ring text{font-size:12px;font-weight:800;fill:var(--ink)}
.erp-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.erp-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.erp-timeline{display:flex;flex-direction:column;gap:12px}
.erp-tl-item{display:grid;grid-template-columns:14px 1fr;gap:10px;font-size:12px}
.erp-tl-dot{width:10px;height:10px;border-radius:50%;margin-top:3px}
.erp-tl-item b{display:block}
.erp-tl-item p{margin:3px 0;color:#4a4e45}
.erp-tl-item small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.erp-stepper{display:flex;gap:6px;flex-wrap:wrap}
.erp-step{display:flex;gap:9px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:12px;font-size:12px;background:var(--surface);flex:1;min-width:170px}
.erp-step-num{width:24px;height:24px;border-radius:50%;background:var(--soft-2);display:grid;place-items:center;font-weight:800;font-size:12px;flex:0 0 24px}
.erp-step b{display:block}.erp-step small{color:var(--muted);font-size:11px}
.erp-step.done{border-color:#bfe6d1;background:#f0faf4}.erp-step.done .erp-step-num{background:var(--green);color:#fff}
.erp-step.current{border-color:var(--ink);box-shadow:0 0 0 2px rgba(214,241,43,.5)}.erp-step.current .erp-step-num{background:var(--ink);color:var(--accent)}
.erp-step.rejected{border-color:#f3c4c4;background:#fff5f5}.erp-step.rejected .erp-step-num{background:var(--red);color:#fff}
body.dark .erp-step.done{background:#1f2c24}body.dark .erp-step.rejected{background:#2e2020}
.erp-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:8px 0}
.field-hint{color:var(--muted);font-size:11px}
.field textarea,.field select,.field input{font-family:inherit}
.field textarea{border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:13px;resize:vertical;background:var(--surface);color:var(--ink)}
.erp-grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.erp-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.erp-grid-side{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:16px}
.erp-grid-side-l{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:16px}
.erp-stack{display:flex;flex-direction:column;gap:16px}
.erp-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.erp-row .spacer,.toolbar .spacer{flex:1}
.erp-note{background:var(--soft);border-radius:10px;padding:10px 12px;font-size:12px;color:#4a4e45;line-height:1.5}
body.dark .erp-note{color:#c7cbbf}
.erp-alert{display:flex;align-items:center;gap:12px;background:#fff7e8;border:1px solid #f4dcae;border-radius:12px;padding:11px 14px;font-size:12px;margin-bottom:16px}
.erp-alert.red{background:#fff0f0;border-color:#f3c4c4}.erp-alert.green{background:#eef9f2;border-color:#bfe6d1}.erp-alert.blue{background:#eef3ff;border-color:#c7d6ff}
.erp-alert b{display:block;font-size:13px}
.erp-alert .spacer{flex:1}
body.dark .erp-alert{background:#2c281c;border-color:#4a4224}
.erp-list{display:flex;flex-direction:column;gap:6px}
.erp-list-item{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-size:12px;background:var(--surface);text-align:left;color:inherit;cursor:pointer;width:100%;font-family:inherit}
.erp-list-item:hover{background:var(--soft)}
.erp-list-item b{display:block;font-size:13px}.erp-list-item small{color:var(--muted);font-size:11px}
.erp-list-item .grow{flex:1;min-width:0}
.erp-list-item .num{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:750}
.erp-badge{display:inline-block;border-radius:6px;padding:2px 6px;font-size:10.5px;font-weight:800;background:var(--soft-2);color:#555;text-transform:uppercase;letter-spacing:.3px}
.erp-mini{font-size:11px;color:var(--muted)}
.erp-money{font-variant-numeric:tabular-nums;white-space:nowrap}
.erp-pill-row{display:flex;gap:6px;flex-wrap:wrap}
.erp-detail-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap}
.erp-detail-head h2{margin:0 0 4px}.erp-detail-head p{margin:0;color:var(--muted);font-size:12px}
.erp-detail-head .right{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.wide-modal .erp-detail-head{padding-right:40px}
.modal:not(.wide-modal) .erp-detail-head{padding-right:30px}
.erp-detail-head .right small{color:var(--muted);font-size:11px}
.erp-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.erp-actions .spacer{flex:1}
.primary-button.danger{background:var(--red);color:#fff}
.primary-button.success{background:var(--green);color:#fff}
.secondary-button.small,.primary-button.small{padding:6px 10px;font-size:12px}
.modal.wide-modal{width:min(1080px,100%)}
.erp-sub{font-size:11px;color:var(--muted)}
.erp-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}
.erp-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px}
.erp-heat{display:inline-block;width:100%;height:26px;border-radius:6px}
.erp-thumb{width:100%;aspect-ratio:4/3;border-radius:10px;background:linear-gradient(135deg,#e6e8e0,#cfd3c8);display:grid;place-items:center;color:#8a8e83;font-size:22px}

/* ---------- палитра Ctrl+K ---------- */
.erp-palette{margin:-6px -4px 0}
.erp-palette-input{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:var(--soft)}
.erp-palette-input input{flex:1;border:0;background:transparent;padding:12px 0;font-size:14px;color:var(--ink);font-family:inherit}
.erp-palette-input input:focus{outline:none}
.erp-palette-list{display:flex;flex-direction:column;gap:2px;margin-top:10px;max-height:52vh;overflow:auto}
.erp-palette-item{display:flex;gap:11px;align-items:center;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:10px;cursor:pointer;color:inherit;font-family:inherit}
.erp-palette-item.active,.erp-palette-item:hover{background:var(--soft-2)}
.erp-palette-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);font-size:14px}
.erp-palette-item b{display:block;font-size:13px}.erp-palette-item small{color:var(--muted);font-size:11px}
.erp-palette-hint{margin-top:10px;font-size:11px;color:var(--muted);text-align:center}

/* ---------- роли ---------- */
.erp-role-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.erp-role-card{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--surface);cursor:pointer;text-align:left;color:inherit;font-family:inherit}
.erp-role-card:hover{background:var(--soft)}
.erp-role-card.active{border-color:var(--ink);box-shadow:0 0 0 2px rgba(214,241,43,.6)}
.erp-role-card b{display:block;font-size:13px}.erp-role-card span{font-size:11px;color:var(--muted)}
.erp-role-card em{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:800;text-transform:uppercase;color:#727700;background:#f3f8cf;border-radius:6px;padding:3px 6px;white-space:nowrap}
.erp-create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.erp-create-item{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface);cursor:pointer;text-align:left;color:inherit;font-family:inherit}
.erp-create-item:hover{background:var(--soft)}
.erp-create-item span{font-size:18px}.erp-create-item b{font-size:13px}.erp-create-item small{color:var(--muted);font-size:11px}

/* ---------- документ А4 (ЭДО, договоры, ведомости) ---------- */
.erp-paper{background:#fff;color:#1a1a1a;border:1px solid #dcdfd6;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:38px 44px;font-family:"Times New Roman",Georgia,serif;font-size:12.5px;line-height:1.55;max-width:760px;margin:0 auto;position:relative}
.erp-paper h3{text-align:center;font-size:15px;margin:0 0 4px;letter-spacing:.3px}
.erp-paper .paper-sub{text-align:center;font-size:12px;color:#555;margin:0 0 18px}
.erp-paper .paper-meta{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:16px}
.erp-paper p{margin:0 0 8px;text-align:justify}
.erp-paper .clause{margin:12px 0 4px;font-weight:700}
.erp-paper table{width:100%;border-collapse:collapse;margin:8px 0 12px;font-size:12.5px}
.erp-paper table th,.erp-paper table td{border:1px solid #444;padding:5px 7px;text-align:left}
.erp-paper table th{background:#f3f3ef;font-weight:700}
.erp-paper td.r,.erp-paper th.r{text-align:right;font-variant-numeric:tabular-nums}
.erp-paper .sign-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;margin-top:26px;font-size:12.5px}
.erp-paper .sign-grid b{display:block;margin-bottom:4px}
.erp-paper .sign-grid small{display:block;color:#555;font-size:11.5px;line-height:1.45}
.erp-paper .sign-line{margin-top:22px;border-top:1px solid #333;padding-top:4px;font-size:11.5px;color:#555;position:relative}
.erp-paper .stamp{position:absolute;right:6px;top:-58px;width:118px;height:118px;border:2px solid rgba(40,80,200,.55);border-radius:50%;color:rgba(40,80,200,.7);display:grid;place-items:center;text-align:center;font-size:10px;font-weight:700;transform:rotate(-12deg);line-height:1.3;padding:8px;letter-spacing:.3px;font-family:Arial,sans-serif;pointer-events:none}
.erp-paper .stamp::before{content:'';position:absolute;inset:8px;border:1px solid rgba(40,80,200,.45);border-radius:50%}
.erp-paper .esign{display:inline-flex;flex-direction:column;gap:2px;border:1.5px solid #2f6feb;border-radius:6px;padding:6px 9px;font-family:Arial,sans-serif;font-size:10.5px;color:#2f6feb;margin-top:8px;max-width:270px;background:#f6f9ff}
.erp-paper .esign b{font-size:10.5px}
.erp-paper .watermark{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;overflow:hidden}
.erp-paper .watermark span{transform:rotate(-28deg);font-size:64px;font-weight:900;color:rgba(229,72,77,.09);letter-spacing:6px;white-space:nowrap;font-family:Arial,sans-serif}
.erp-paper-wrap{background:#e9ebe4;padding:22px;border-radius:14px;overflow:auto;max-height:70vh}
body.dark .erp-paper-wrap{background:#14161180}
.erp-paper .paper-page{margin-top:24px;padding-top:16px;border-top:1px dashed #bbb;font-size:11px;color:#777;text-align:right}

/* ---------- Гант ---------- */
.erp-gantt{overflow:auto;border:1px solid var(--line);border-radius:12px}
.erp-gantt svg{display:block;min-width:900px}
.erp-gantt text{font-family:inherit}

/* ---------- календарь ---------- */
.erp-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.erp-cal-head{font-size:11px;color:var(--muted);text-align:center;padding:4px 0;font-weight:700}
.erp-cal-day{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;min-height:78px;padding:6px;font-size:11px;background:var(--surface);display:flex;flex-direction:column;gap:3px}
.erp-cal-day.muted{opacity:.45}.erp-cal-day.today{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.erp-cal-day > b{font-size:12px}
.erp-cal-ev{border-radius:5px;padding:2px 5px;font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.erp-cal-ev.in{background:#e6f6ee;color:#1b7a52}.erp-cal-ev.out{background:#fff0f0;color:#b8343a}.erp-cal-ev.plan{background:#eaf0ff;color:#2f56b8}.erp-cal-ev.gap{background:#fff4dd;color:#8a5a0d}

/* ---------- матрица (табель, права) ---------- */
.erp-matrix{border-collapse:collapse;font-size:11px;min-width:100%}
.erp-matrix th,.erp-matrix td{border:1px solid var(--line);padding:4px 5px;text-align:center;white-space:nowrap}
.erp-matrix th{background:var(--soft);font-weight:700;color:var(--muted)}
.erp-matrix td:first-child,.erp-matrix th:first-child{text-align:left;position:sticky;left:0;background:var(--surface);z-index:1;min-width:170px}
.erp-matrix td.cell{cursor:pointer;font-weight:800;width:26px}
.erp-matrix td.cell:hover{outline:2px solid var(--ink)}
.erp-matrix td.w{background:#eaf7ef;color:#1b7a52}.erp-matrix td.o{background:#fff4dd;color:#8a5a0d}.erp-matrix td.b{background:#fff0f0;color:#b8343a}.erp-matrix td.v{background:var(--soft-2);color:#999}.erp-matrix td.k{background:#eaf0ff;color:#2f56b8}.erp-matrix td.n{background:#f8e1ff;color:#7a2fb8}

@media(max-width:1400px){.erp-grid-side,.erp-grid-side-l{grid-template-columns:1fr}}
@media(max-width:1100px){.erp-grid-3{grid-template-columns:1fr}}
@media(max-width:760px){.erp-grid-2{grid-template-columns:1fr}.erp-role-grid,.erp-create-grid{grid-template-columns:1fr}.erp-bar-row{grid-template-columns:100px 1fr 70px}.erp-paper{padding:22px 18px}.erp-paper .sign-grid{grid-template-columns:1fr}}
.erp-grid-2 > *,.erp-grid-3 > *,.erp-grid-side > *,.erp-grid-side-l > *,.dash-row > *,.grid-2 > *{min-width:0}

/* ---------- звонки: плеер ---------- */
.call-audio{display:none}
.recording-speed{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 8px;font-size:12px;font-weight:800;cursor:pointer;color:var(--ink);margin-right:6px;font-family:inherit}
.waveform[data-action]{cursor:pointer}
.transcript-line[data-action]{cursor:pointer;border-radius:10px;transition:background .15s}
.transcript-line.active{background:#f3f8cf;box-shadow:inset 3px 0 0 #a9b800}
body.dark .transcript-line.active{background:#33381f}

/* ---------- защита от переполнения ---------- */
.panel-head h2{white-space:normal}
.erp-table td{vertical-align:middle}
.erp-table .status,.edo-cell b,.erp-table td.num{white-space:nowrap}
.erp-table td:first-child small{white-space:nowrap}
.content{min-width:0}
.main{min-width:0}

/* ---------- карточки: отступы в широких модалках, закреплённые кнопки ---------- */
.wide-modal .erp-modal{padding:24px}
.wide-modal .erp-modal .erp-detail-head{padding-right:40px}
.modal .erp-actions{position:sticky;bottom:0;background:var(--surface);margin:18px -24px -24px;padding:14px 24px 20px;border-top:1px solid var(--line);z-index:3;border-radius:0 0 18px 18px}
.modal .erp-actions .erp-note{max-width:360px}
.modal .modal-actions{position:sticky;bottom:0;background:var(--surface);margin:18px -24px -24px;padding:14px 24px 20px;z-index:3}
.modal .erp-paper-wrap .modal-actions{position:static;margin:0;padding:0}

/* ---------- компактный сайдбар (rail) ---------- */
.rail-toggle{border:0;background:transparent;color:#666b61;font-size:16px;cursor:pointer;align-self:flex-end;padding:2px 8px;border-radius:8px;margin:-6px 0 2px}
.rail-toggle:hover{color:#d6f12b;background:#22251d}
body.nav-rail .sidebar{width:70px;flex-basis:70px;padding:16px 8px 12px}
body.nav-rail .brand div,body.nav-rail .assistant-card,body.nav-rail .nav-button .nav-label,body.nav-rail .nav-button .badge,body.nav-rail .nav-group-head span,body.nav-rail .nav-group-head .nav-group-mine,body.nav-rail .nav-group-head em,body.nav-rail .profile > div:not(.avatar),body.nav-rail .profile .icon-button{display:none}
body.nav-rail .brand{justify-content:center}
body.nav-rail .rail-toggle{align-self:center}
body.nav-rail .nav-button{justify-content:center;padding:10px 0;gap:0;position:relative}
body.nav-rail .nav-button.mine:not(.active)::after{position:absolute;top:6px;right:8px}
body.nav-rail .nav-button .nav-icon{width:auto;font-size:17px}
body.nav-rail .nav-group-head{padding:6px 0 2px;margin-top:4px;justify-content:center;pointer-events:none}
body.nav-rail .nav-group:not(.open) .nav-group-items{display:flex}
body.nav-rail .profile{justify-content:center;padding:8px 0}
body.nav-rail .sidebar nav{overflow-x:hidden}

/* ---------- плотный режим для небольших экранов ---------- */
@media(max-width:1400px){
  .content{padding:16px 16px 28px}
  .erp-table th{padding:8px 8px;font-size:10.5px}
  .erp-table td{padding:9px 8px;font-size:12px}
  .erp-table td small{font-size:10.5px}
  .kpi{padding:12px 13px}.kpi strong{font-size:20px}.kpi small{font-size:10.5px}
  .toolbar{gap:7px}.chip{padding:6px 9px;font-size:11.5px}
  .erp-search input{min-width:140px}
  .erp-tabs button{padding:8px 9px;font-size:12px}
  .panel{padding:14px}
  .erp-grid-2{gap:12px}
}
@media(max-width:1150px){
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .erp-grid-2,.edo-template-list{grid-template-columns:1fr}
  .fin-accounts,.con-overview,.con-grid,.supply-tenders,.dash-health,.hr-org-depts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .bi-health{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modal.wide-modal{width:calc(100vw - 24px)}
}
/* Тёмная тема: кнопки на фоне --ink (светлом в тёмной теме) — тёмный текст */
body.dark .primary-button,body.dark .chip.active{color:#1c1e17}
body.dark .primary-button.success,body.dark .primary-button.danger{color:#fff}
/* Компактная шахматка: строка = этаж, ячеек столько, сколько квартир на этаже */
.compact-chessboard{display:flex;gap:22px;min-width:max-content;grid-template-columns:none}
.compact-section{flex:0 0 auto}
.compact-section-rows{display:flex;flex-direction:column;gap:5px}
.compact-floor-row{display:flex;align-items:center;gap:5px}
.compact-floor-row em{flex:0 0 18px;width:18px;text-align:right;font-style:normal;font-size:10.5px;font-weight:800;color:var(--muted);margin-right:3px}
.compact-floor-row .compact-unit{flex:0 0 36px;width:36px;height:36px;min-width:0;aspect-ratio:auto}
.compact-floor-row .compact-unit strong{font-size:13px}
@media(max-width:1400px){.compact-floor-row .compact-unit{flex-basis:32px;width:32px;height:32px}.compact-chessboard{gap:16px}}
/* Явная цветовая схема: в тёмном окружении (артефакт, ОС) поля ввода не должны становиться белыми на белом */
:root{color-scheme:light}
body.dark{color-scheme:dark}
input,select,textarea{color:var(--ink)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
/* ===== KPI-карточки: подпись · значение · чип тренда · спарклайн ===== */
.kpi{position:relative;display:flex;flex-direction:column;gap:3px;padding:14px 16px 13px;border-radius:14px;min-width:0;overflow:hidden}
.kpi small{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;font-size:27px;line-height:1.1;letter-spacing:-.8px;margin-top:5px;font-variant-numeric:tabular-nums}
.kpi em{display:inline-flex;align-items:center;gap:3px;margin:0;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:0;line-height:1.5;background:var(--soft);color:var(--muted);font-style:normal;white-space:nowrap}
.kpi em.up{background:#e6f5ec;color:#177a47}.kpi em.down{background:#fdeaea;color:#c53030}
body.dark .kpi em.up{background:#1f3a2b;color:#7fd8a3}body.dark .kpi em.down{background:#402424;color:#ff9b9e}
.kpi > em{align-self:flex-start;margin-top:5px}
.kpi strong em{position:relative;top:-3px}
.kpi.has-spark small{padding-right:116px}
.kpi .kpi-spark{position:absolute;right:14px;top:12px;width:104px;height:32px}
.kpi strong{white-space:nowrap}
.kpi strong em{white-space:nowrap}
.kpi .kpi-spark svg{width:100%;height:100%;display:block}
.kpi::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:transparent}
.kpi.kpi-red::before{background:var(--red)}.kpi.kpi-amber::before{background:var(--amber)}.kpi.kpi-green::before{background:var(--green)}.kpi.kpi-blue::before{background:var(--blue)}
@media(min-width:1800px){.kpi{padding:18px 20px 16px;gap:4px}.kpi.has-spark{padding-right:170px}.kpi strong{font-size:34px}.kpi small{font-size:12.5px}.kpi em{font-size:12.5px}.kpi .kpi-spark{width:136px;height:44px;right:18px;bottom:14px}}
@media(max-width:1400px){.kpi.has-spark{padding-right:96px}.kpi .kpi-spark{width:74px;height:26px;right:10px;bottom:10px}}

/* ===== Графики рабочего стола ===== */
.dash-health-rings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:6px}
.dash-health-rings svg{width:clamp(60px,5.2vw,96px);height:auto}
.dash-health-rings small{font-size:11px;margin-top:6px}
.erp-ring text{font-size:13px;font-weight:800;fill:var(--ink)}
.dash-health-card{gap:14px;padding:16px}
.dash-health-head{font-size:14px}
.dash-cash-chart{margin-top:14px}
.dash-cash-chart-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:8px}
.dash-cash-chart-head b{color:var(--muted);font-weight:600}
.dash-cash-chart svg{height:auto}
.erp-area{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 10px;width:100%}
.erp-area-y{display:flex;flex-direction:column;justify-content:space-between;height:var(--h);font-size:11px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.erp-area-plot{position:relative;min-width:0}
.erp-area-plot svg{display:block;width:100%;height:var(--h)}
.erp-area-dot{position:absolute;width:10px;height:10px;border-radius:50%;border:2px solid var(--surface);transform:translate(-50%,-50%);box-shadow:0 0 0 2px rgba(0,0,0,.06)}
.erp-area-end{position:absolute;right:0;transform:translateY(calc(-100% - 8px));font-size:12px;font-weight:800;background:var(--surface);padding:1px 6px;border-radius:6px;border:1px solid var(--line);white-space:nowrap}
.erp-area-x{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:6px}
.erp-columns{gap:10px;padding:6px 6px 0}
.erp-column b{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.erp-column i{max-width:56px;border-radius:8px 8px 3px 3px}
.erp-column span{font-size:11px}
@media(min-width:1800px){.erp-column i{max-width:72px}.erp-column span{font-size:12px}.dash-health-rings small{font-size:12px}}
/* Список лидов: компактные строки */
.cell-person{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.mini-avatar{margin-left:0}.card-foot .mini-avatar,.lead-card .mini-avatar{margin-left:auto}
.cell-person .avatar{margin:0;width:26px;height:26px;font-size:11px}
.lead-task{display:block}.lead-task.overdue{color:var(--red);font-weight:600}
.lead-task-note{display:block;color:var(--red);font-size:11px;opacity:.85}
.lead-no-task{color:var(--muted);font-style:italic}
.data-table td{padding:10px 12px;vertical-align:middle}
.data-table td small{display:block;margin-top:2px}
.data-table td .erp-status,.data-table td .status{white-space:nowrap}
/* ===== Закреплённые кнопки в широких карточках (квартира, договор, страницы модалок) ===== */
.modal .apartment-actions{position:sticky;bottom:0;margin:16px -26px -26px;padding:14px 26px 18px;background:var(--surface);border-top:1px solid var(--line);z-index:3;border-radius:0 0 18px 18px}
body.dark .modal .apartment-actions{background:var(--surface)}
.wide-modal .modal-actions{margin:18px -26px -26px;padding:14px 26px 20px;border-top:1px solid var(--line);border-radius:0 0 18px 18px}
.wide-modal .signed-contract .modal-actions{margin:18px -28px -28px;padding:14px 28px 22px}
.wide-modal .erp-modal .modal-actions,.wide-modal .erp-modal .erp-actions{margin:18px -24px -24px;padding:14px 24px 20px}
@media(max-width:1150px){.modal .apartment-actions,.wide-modal .modal-actions{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}}

/* ===== Интерактивный фасад: уровень этажа и подсказка ===== */
.facade-floor-stack{left:15%;right:24%}
.facade-floor-stack:hover .facade-floor-row,.facade-floor-stack:focus-within .facade-floor-row{border-top-color:rgba(255,255,255,.22)}
.facade-floor-row{border-radius:2px}
.facade-floor-row:hover,.facade-floor-row:focus-visible{z-index:5;border:1.5px solid rgba(214,241,43,.95);background:linear-gradient(90deg,rgba(214,241,43,.5),rgba(214,241,43,.22) 45%,rgba(214,241,43,.5));box-shadow:0 0 0 1px rgba(10,14,8,.35),0 0 26px rgba(214,241,43,.45),inset 0 0 0 1px rgba(255,255,255,.35);outline:0}
.facade-floor-row.limited:hover,.facade-floor-row.limited:focus-visible{border-color:rgba(255,205,90,.95);background:linear-gradient(90deg,rgba(255,193,72,.5),rgba(255,193,72,.22) 45%,rgba(255,193,72,.5));box-shadow:0 0 0 1px rgba(10,14,8,.35),0 0 26px rgba(255,193,72,.4)}
.facade-floor-row.soldout:hover,.facade-floor-row.soldout:focus-visible{border-color:rgba(230,230,230,.9);background:linear-gradient(90deg,rgba(150,156,150,.55),rgba(150,156,150,.3) 45%,rgba(150,156,150,.55));box-shadow:0 0 0 1px rgba(10,14,8,.35)}
.facade-floor-row:hover .facade-floor-number,.facade-floor-row:focus-visible .facade-floor-number{opacity:1;background:#d6f12b;color:#1c1e17;transform:translateY(-50%) scale(1.15)}
.facade-floor-row:hover .facade-floor-availability,.facade-floor-row:focus-visible .facade-floor-availability{opacity:1}
.facade-floor-availability{right:auto;left:8px;font-size:10.5px;padding:3px 8px}
/* подсказка выносится за пределы здания: контейнером для fixed служит трансформированный стек */
.facade-floor-tooltip{position:fixed;top:0;right:calc(-39.3% + 10px);left:auto;bottom:auto;width:calc(39.3% - 20px);min-width:150px;max-width:230px;transform:none;padding:13px 14px;box-sizing:border-box}
.facade-floor-tooltip:before{display:none}
.facade-floor-row:hover .facade-floor-tooltip,.facade-floor-row:focus-visible .facade-floor-tooltip{display:block;animation:facadeTipIn .16s ease-out}
@keyframes facadeTipIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.facade-floor-tooltip b{font-size:16px}
.facade-floor-tooltip small,.facade-floor-tooltip em,.facade-floor-tooltip u{font-size:11px}
.facade-floor-tooltip strong{font-size:14px}
.facade-floor-number{font-size:11px;width:30px;height:22px}
.facade-hint{font-size:11px}
/* Печать документа А4 */
@media print{body *{visibility:hidden!important}.printing,.printing *{visibility:visible!important}.printing{position:absolute!important;left:0;top:0;width:210mm;margin:0;box-shadow:none!important;border:0!important}.modal-backdrop{position:static!important;padding:0!important;background:#fff!important}.modal{max-height:none!important;overflow:visible!important;box-shadow:none!important}}
.contract-paper-block{margin-top:22px}
.contract-paper-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:12px}
.contract-paper-head span{color:var(--muted)}
.contract-paper-head .secondary-button{margin-left:auto}
/* Фото ЖК в каталоге и на странице объекта */
.catalog-object-visual .object-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.catalog-object-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,10,.35),transparent 40%,rgba(10,14,10,.45));pointer-events:none;z-index:1}
.catalog-object-visual .catalog-card-badges,.catalog-object-visual .construction-pill{z-index:2}
.catalog-object-visual{min-height:240px;background:#1d2a33}
.object-detail-building{position:relative;height:240px;border-radius:14px;overflow:hidden;background:#1d2a33}
.object-detail-building .object-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.object-detail-building>div:last-child{left:12px;right:12px;bottom:12px}
.data-table td .link-button,.data-table td.num,.data-table td .cell-person{white-space:nowrap}
/* Канбан: место приёма раздвигается под карточку */
.kanban-placeholder{height:0;margin:0 0 9px;border:2px dashed rgba(156,174,19,.7);border-radius:12px;background:rgba(214,241,43,.18);transition:height .18s ease,opacity .18s ease;opacity:0;box-sizing:border-box}
.kanban-placeholder.open{opacity:1}
.kanban-placeholder:not(.open){height:0!important}
.lead-card{transition:transform .18s ease,box-shadow .18s ease,opacity .15s ease}
.lead-card.dragging{opacity:.35;transform:scale(.98)}
.kanban-col.dragover{border-color:var(--accent-dark);background:#eef2d6}
body.dark .kanban-col.dragover{background:#2a2f1f}
.lead-card.landed{animation:cardLand .45s ease-out}
@keyframes cardLand{0%{box-shadow:0 0 0 0 rgba(214,241,43,.9);transform:scale(1.03)}100%{box-shadow:0 0 0 12px rgba(214,241,43,0);transform:none}}
/* Табель: колонка сотрудника по содержимому, дни делят остаток ширины поровну */
.erp-matrix th:first-child,.erp-matrix td:first-child{width:1%;white-space:nowrap;padding-right:14px}
.erp-matrix td.cell{width:auto;min-width:30px}
.erp-matrix th:not(:first-child){text-align:center}

.data-table th abbr{text-decoration:none;border-bottom:1px dotted currentColor;cursor:help}

/* Переключатель роли в сайдбаре */
.side-role{display:flex;align-items:center;gap:8px;margin:2px 4px 8px;padding:6px 8px;border-radius:10px;background:#22251e;border:1px solid #2f332a}
.side-role span{font-size:10px;font-weight:800;letter-spacing:.6px;color:#8e938a;text-transform:uppercase}
.side-role select{flex:1;min-width:0;background:transparent;border:0;color:#fff;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;outline:0}
.side-role select option{color:#171914}
body.nav-rail .side-role{display:none}
.nav-all-toggle{border:0;background:transparent;color:#8e938a;font:inherit;font-size:11px;font-weight:700;text-align:left;padding:10px 10px 4px;cursor:pointer}
.nav-all-toggle:hover{color:#d6f12b}