@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
/* ============================================================
Zeecar · единый дизайн (дизайн-система «Zeecar Портал», v1)
Подключается ПОСЛЕДНИМ стилем страницы. Переопределяет оба
«диалекта» переменных, которые живут в кабинетах:
- brass: --bg-raised, --text, --brass, --income, --expense…
- КСО: --panel, --txt, --dim, --accent, --g, --y, --r, --t…
Ничего в логике страниц не меняет. Удалить блок = вернуть как было.
============================================================ */
:root, :root[data-theme="light"]{
/* --- токены системы --- */
--zc-canvas:#f3f5f4; --zc-surface:#ffffff; --zc-sunken:#eef1ef; --zc-sunken-2:#e8ece9; --zc-hover:#f6f8f6;
--zc-line:#e1e6e5; --zc-line-soft:#ebeeee; --zc-line-strong:#cdd3ce;
--zc-ink:#171c1d; --zc-ink-2:#3a4242; --zc-ink-dim:#5b6363; --zc-ink-faint:#687070; --zc-ink-zero:#c3c7c3;
--zc-brand-50:#eef7f0; --zc-brand-100:#dbeedf; --zc-brand-200:#bfe0c6; --zc-brand-500:#50a15f; --zc-brand-700:#2f7a3d; --zc-brand-800:#245f30;
--zc-nav:#16281b; --zc-nav-ink:#d3ded6; --zc-nav-muted:#86a690;
--zc-neg:#a6382f; --zc-neg-bg:#fbece8; --zc-warn:#8f5d0e; --zc-warn-bg:#fbf1df; --zc-warn-line:#ecd5a8;
--zc-plan:#2b62b5; --zc-plan-bg:#eaf0f9;
--zc-r-md:8px; --zc-r-lg:12px;
--zc-shadow:0 1px 2px rgba(23,28,29,.04), 0 2px 8px rgba(23,28,29,.04);
--zc-sans:'Golos Text',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
--zc-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
/* --- диалект brass (управленка, кассир, заявки, логист) --- */
--bg:var(--zc-canvas); --bg-alt:var(--zc-sunken); --bg-raised:var(--zc-surface); --bg-raised-2:var(--zc-sunken-2);
--line:var(--zc-line); --line-soft:var(--zc-line-soft);
--text:var(--zc-ink); --text-dim:var(--zc-ink-dim); --text-faint:var(--zc-ink-faint);
--brass:var(--zc-brand-700); --brass-bright:var(--zc-brand-800); --brass-dim:var(--zc-brand-200); --brass-soft:var(--zc-brand-50);
--income:var(--zc-ink); --income-bg:var(--zc-brand-50); /* плюс - обычный текст, зелёный только у статусов */
--expense:var(--zc-neg); --expense-bg:var(--zc-neg-bg);
--warn:var(--zc-warn); --warn-bg:var(--zc-warn-bg); --warn-line:var(--zc-warn-line);
--info:var(--zc-plan); --info-bg:var(--zc-plan-bg);
--side-fg:var(--zc-nav-ink); --side-txt:var(--zc-nav-ink); --side-dim:var(--zc-nav-muted); --side-faint:var(--zc-nav-muted); --side-eyebrow:var(--zc-nav-muted);
--shadow-card:var(--zc-shadow);
/* --- диалект КСО (КСО, РОП, витрина, фотобанк, комиссия) --- */
--panel:var(--zc-surface); --txt:var(--zc-ink); --dim:var(--zc-ink-dim); --faint:var(--zc-ink-faint);
--accent:var(--zc-brand-700); --accent-b:var(--zc-brand-800); --acc:var(--zc-brand-700);
--g:var(--zc-brand-800); --g-bg:var(--zc-brand-50);
--y:var(--zc-warn); --y-bg:var(--zc-warn-bg);
--r:var(--zc-neg); --r-bg:var(--zc-neg-bg);
--t:var(--zc-plan); --t-bg:var(--zc-plan-bg);
--shadow:var(--zc-shadow);
/* --- общее --- */
--side:var(--zc-nav);
--radius:var(--zc-r-lg);
--font-display:var(--zc-sans); --font-body:var(--zc-sans); --font:var(--zc-sans);
--font-mono:var(--zc-sans); /* суммы - тем же Golos с табличными цифрами */
--logo-bolt:var(--zc-brand-500);
/* --- бумага отчётов управленки --- */
--rep-paper:var(--zc-surface); --rep-desk:var(--zc-canvas); --rep-line:var(--zc-line-soft); --rep-rule:var(--zc-line-strong);
--rep-ink:var(--zc-ink); --rep-dim:var(--zc-ink-dim); --rep-faint:var(--zc-ink-faint);
}
/* 1 · один шрифт на текст и числа; коды - моноширинным */
html body, html body *:not(svg):not(path){ font-family:var(--zc-sans) !important; }
html body{ font-variant-numeric:tabular-nums; -webkit-font-smoothing:antialiased; background:var(--zc-canvas); }
html body :is(code, kbd, pre, .mono, .vin, .code, .uid, .vin-code, .phone, .z-vin, .vin-cell, .acc-num){ font-family:var(--zc-mono) !important; font-size:.92em; letter-spacing:0; }
/* 2 · боковое меню */
.sidebar{ background:var(--zc-nav) !important; min-height:100vh; }
.zc-bolt, .zc-logo .zc-bolt, .brand svg path{ fill:var(--zc-brand-500) !important; }
.side-eyebrow, .side-group{ font-size:11px !important; letter-spacing:.06em !important; font-weight:500 !important; color:var(--zc-nav-muted) !important; }
.side-foot{ color:var(--zc-nav-muted) !important; font-size:11px !important; }
.page-tab, .side-item{ color:var(--zc-nav-ink); border-radius:var(--zc-r-md) !important; }
.page-tab.active, .side-item.active{ background:var(--zc-brand-700) !important; color:#fff !important; }
/* 3 · капс-подписи одним стилем */
thead th, .kpi-label, .field label, .fl, label.f, .dsec h4, .eyebrow{
letter-spacing:.06em; font-weight:500;
}
thead th{ color:var(--zc-ink-dim); }
/* 4 · кнопки и поля: радиус 8, фокус - кольцо бренда */
button, .btn, input, select, textarea, .fi{ border-radius:var(--zc-r-md); }
.btn-primary, button.btn-primary{ background:var(--zc-brand-700) !important; border-color:var(--zc-brand-700) !important; color:#fff !important; }
.btn-primary:hover, button.btn-primary:hover{ background:var(--zc-brand-800) !important; border-color:var(--zc-brand-800) !important; }
:focus-visible{ outline:2px solid var(--zc-brand-500) !important; outline-offset:2px; }
/* 5 · карточки и KPI */
.panel, .card, .kpi-card, .stat, .tbl-wrap, .pk{ border-radius:var(--zc-r-lg); }
.kpi-value, .stat .v{ font-weight:600 !important; letter-spacing:-.01em; white-space:nowrap; }
/* 6 · таблицы: нули тише, итоги жирнее */
.num.zero, td.num.zero, .zero{ color:var(--zc-ink-zero) !important; }
tbody tr:hover td{ background:var(--zc-hover); }
/* 7 · сегменты: активный - белая плашка на серой подложке */
.tabs .tab-btn.active, .seg button.on, .dds-view button.active{ background:var(--zc-surface) !important; color:var(--zc-ink) !important; box-shadow:0 1px 2px rgba(23,28,29,.1); }
.tabs, .seg, .dds-view{ background:var(--zc-sunken) !important; }
.tabs{ display:inline-flex !important; width:auto !important; }
.tab-btn{ flex:0 0 auto !important; padding-left:16px !important; padding-right:16px !important; }
/* 6b · вес 800/900 не используем */
html body [style*="font-weight:800"], html body [style*="font-weight:900"], html body [style*="font-weight: 800"]{ font-weight:700 !important; }
tr.total-row td, .cmp-grand td{ font-weight:700 !important; }
/* 7b · KPI-ряд - фиксированная сетка без «висящих» карточек */
@media (min-width:1280px){ .kpi-row{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; } }
@media (min-width:641px) and (max-width:1279px){ .kpi-row{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
/* 8 · ничего не уезжает вбок на телефоне */
@media (max-width:640px){
html, body{ overflow-x:hidden; }
.app > .main, body > .main{ padding-left:16px !important; padding-right:16px !important; } /* v2: только колонка страницы - .main бывает и классом текста в ячейках (КСО, касса, управленка) */
.kpi-row{ grid-template-columns:1fr !important; }
.kpi-wide{ grid-column:auto !important; }
/* боковое меню становится полосой сверху */
.app{ flex-direction:column !important; }
.sidebar{ width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; position:sticky !important; top:0; z-index:40;
flex-direction:row !important; align-items:center; gap:4px; padding:8px 12px !important; overflow-x:auto; overflow-y:hidden; }
.sidebar .zc-logo, .sidebar .brand{ margin:0 8px 0 0 !important; flex:none; height:20px; }
.side-eyebrow, .side-foot, .side-group-title, .side-fly-title{ display:none !important; }
.side-foot:has(.side-shift){ display:block !important; flex:none; margin:0 !important; padding:0 0 0 8px !important; border:none !important; } /* v2: касса - статус смены виден и на телефоне */
.side-foot:has(.side-shift) .side-sync{ display:none !important; }
.side-nav{ flex-direction:row !important; gap:4px; flex:none; }
.side-settings{ margin:0 !important; padding:0 !important; border:none !important; flex-direction:row !important; flex:none; }
.side-item, .page-tab{ width:auto !important; flex:none; padding:6px 10px !important; white-space:nowrap; }
.toolbar, .tools, .flt{ flex-wrap:wrap !important; }
.toolbar .field, .field{ min-width:0 !important; max-width:100%; }
.dp, .msel{ max-width:100%; }
table{ font-size:12px; }
.panel, .tbl-wrap, .cmp-scroll, .tblwrap{ overflow-x:auto !important; }
}
/* 9 · Учёт авто: VIN целиком, заголовки не обрезаются */
#carTable{ table-layout:auto !important; }
#carTable th{ white-space:normal !important; overflow:visible !important; text-overflow:clip !important; max-width:none !important; vertical-align:bottom; line-height:1.25; }
#carTable td{ max-width:none !important; }
#carTable tr.car-row td:nth-child(2) b{ font-family:var(--zc-mono) !important; font-size:12px; font-weight:500; white-space:nowrap; overflow:visible !important; text-overflow:clip !important; max-width:none !important; display:inline !important; }
#carTable tr.car-row td:nth-child(2), #carTable tr.car-row td:nth-child(2) *{ overflow:visible !important; text-overflow:clip !important; max-width:none !important; }
#carTable tr.car-row td:nth-child(4){ white-space:normal !important; overflow:visible !important; text-overflow:clip !important; }
#carTable tr.car-row td:first-child{ white-space:nowrap !important; }
/* 10 · v3 (16.10.2026): иконки Lucide для кабинетов - те же пути, что в портале (lucide-react, stroke 1.8).
Вставка в разметку: ; цвет - currentColor, 16px (в кнопках и таблицах). */
[class^="zi-"], [class*=" zi-"]{ display:inline-block; width:16px; height:16px; flex:none; vertical-align:-3px; background:currentColor; -webkit-mask:var(--zi) center/contain no-repeat; mask:var(--zi) center/contain no-repeat; font-style:normal; }
.side-item [class^="zi-"], .page-tab [class^="zi-"], .side-nav [class^="zi-"]{ width:20px; height:20px; } /* в навигации - 20px */
.zi-x{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'%3E%3C/path%3E%3Cpath d='m6 6 12 12'%3E%3C/path%3E%3C/svg%3E"); }
.zi-alert{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'%3E%3C/path%3E%3Cpath d='M12 9v4'%3E%3C/path%3E%3Cpath d='M12 17h.01'%3E%3C/path%3E%3C/svg%3E"); }
.zi-chev-d{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E"); }
.zi-chev-r{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'%3E%3C/path%3E%3C/svg%3E"); }
.zi-chev-u{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6'%3E%3C/path%3E%3C/svg%3E"); }
.zi-rotate-cw{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8'%3E%3C/path%3E%3Cpath d='M21 3v5h-5'%3E%3C/path%3E%3C/svg%3E"); }
.zi-rotate-ccw{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'%3E%3C/path%3E%3Cpath d='M3 3v5h5'%3E%3C/path%3E%3C/svg%3E"); }
.zi-lock{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E"); }
.zi-lock-open{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 9.9-1'%3E%3C/path%3E%3C/svg%3E"); }
.zi-car{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2'%3E%3C/path%3E%3Ccircle cx='7' cy='17' r='2'%3E%3C/circle%3E%3Cpath d='M9 17h6'%3E%3C/path%3E%3Ccircle cx='17' cy='17' r='2'%3E%3C/circle%3E%3C/svg%3E"); }
.zi-pencil{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'%3E%3C/path%3E%3Cpath d='m15 5 4 4'%3E%3C/path%3E%3C/svg%3E"); }
.zi-settings{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E"); }
.zi-arrows-lr{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3 4 7l4 4'%3E%3C/path%3E%3Cpath d='M4 7h16'%3E%3C/path%3E%3Cpath d='m16 21 4-4-4-4'%3E%3C/path%3E%3Cpath d='M20 17H4'%3E%3C/path%3E%3C/svg%3E"); }
.zi-camera{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z'%3E%3C/path%3E%3Ccircle cx='12' cy='13' r='3'%3E%3C/circle%3E%3C/svg%3E"); }
.zi-plus{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'%3E%3C/path%3E%3Cpath d='M12 5v14'%3E%3C/path%3E%3C/svg%3E"); }
.zi-handshake{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m11 17 2 2a1 1 0 1 0 3-3'%3E%3C/path%3E%3Cpath d='m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4'%3E%3C/path%3E%3Cpath d='m21 3 1 11h-2'%3E%3C/path%3E%3Cpath d='M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3'%3E%3C/path%3E%3Cpath d='M3 4h8'%3E%3C/path%3E%3C/svg%3E"); }
.zi-check{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'%3E%3C/path%3E%3C/svg%3E"); }
.zi-link{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'%3E%3C/path%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'%3E%3C/path%3E%3C/svg%3E"); }
.zi-download{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V3'%3E%3C/path%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpath d='m7 10 5 5 5-5'%3E%3C/path%3E%3C/svg%3E"); }
.zi-upload{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'%3E%3C/path%3E%3Cpath d='m17 8-5-5-5 5'%3E%3C/path%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3C/svg%3E"); }
.zi-calendar{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v3'%3E%3C/path%3E%3Cpath d='M16 2v3'%3E%3C/path%3E%3Crect x='3' y='3' width='18' height='18' rx='2'%3E%3C/rect%3E%3Cpath d='M3 9h18'%3E%3C/path%3E%3C/svg%3E"); }
.zi-trash{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 11v6'%3E%3C/path%3E%3Cpath d='M14 11v6'%3E%3C/path%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'%3E%3C/path%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3C/svg%3E"); }
.zi-timer{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='10' x2='14' y1='2' y2='2'%3E%3C/line%3E%3Cline x1='12' x2='15' y1='14' y2='11'%3E%3C/line%3E%3Ccircle cx='12' cy='14' r='8'%3E%3C/circle%3E%3C/svg%3E"); }
.zi-wrench{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z'%3E%3C/path%3E%3C/svg%3E"); }
.zi-hourglass{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 22h14'%3E%3C/path%3E%3Cpath d='M5 2h14'%3E%3C/path%3E%3Cpath d='M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22'%3E%3C/path%3E%3Cpath d='M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2'%3E%3C/path%3E%3C/svg%3E"); }
.zi-calculator{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='16' height='20' x='4' y='2' rx='2'%3E%3C/rect%3E%3Cline x1='8' x2='16' y1='6' y2='6'%3E%3C/line%3E%3Cline x1='16' x2='16' y1='14' y2='18'%3E%3C/line%3E%3Cpath d='M16 10h.01'%3E%3C/path%3E%3Cpath d='M12 10h.01'%3E%3C/path%3E%3Cpath d='M8 10h.01'%3E%3C/path%3E%3Cpath d='M12 14h.01'%3E%3C/path%3E%3Cpath d='M8 14h.01'%3E%3C/path%3E%3Cpath d='M12 18h.01'%3E%3C/path%3E%3Cpath d='M8 18h.01'%3E%3C/path%3E%3C/svg%3E"); }
.zi-star{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'%3E%3C/path%3E%3C/svg%3E"); }
.zi-banknote{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='12' x='2' y='6' rx='2'%3E%3C/rect%3E%3Ccircle cx='12' cy='12' r='2'%3E%3C/circle%3E%3Cpath d='M6 12h.01M18 12h.01'%3E%3C/path%3E%3C/svg%3E"); }
.zi-chart{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16'%3E%3C/path%3E%3Cpath d='M18 17V9'%3E%3C/path%3E%3Cpath d='M13 17V5'%3E%3C/path%3E%3Cpath d='M8 17v-3'%3E%3C/path%3E%3C/svg%3E"); }
.zi-book{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v16'%3E%3C/path%3E%3Cpath d='M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z'%3E%3C/path%3E%3C/svg%3E"); }
.zi-shield{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'%3E%3C/path%3E%3C/svg%3E"); }
.zi-menu{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16'%3E%3C/path%3E%3Cpath d='M4 12h16'%3E%3C/path%3E%3Cpath d='M4 19h16'%3E%3C/path%3E%3C/svg%3E"); }
.zi-party{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.8 11.3 2 22l10.7-3.79'%3E%3C/path%3E%3Cpath d='M4 3h.01'%3E%3C/path%3E%3Cpath d='M22 8h.01'%3E%3C/path%3E%3Cpath d='M15 2h.01'%3E%3C/path%3E%3Cpath d='M22 20h.01'%3E%3C/path%3E%3Cpath d='m22 2-2.24.75a2.9 2.9 0 0 0-1.96 3.12c.1.86-.57 1.63-1.45 1.63h-.38c-.86 0-1.6.6-1.76 1.44L14 10'%3E%3C/path%3E%3Cpath d='m22 13-.82-.33c-.86-.34-1.82.2-1.98 1.11c-.11.7-.72 1.22-1.43 1.22H17'%3E%3C/path%3E%3Cpath d='m11 2 .33.82c.34.86-.2 1.82-1.11 1.98C9.52 4.9 9 5.52 9 6.23V7'%3E%3C/path%3E%3Cpath d='M11 13c1.93 1.93 2.83 4.17 2 5-.83.83-3.07-.07-5-2-1.93-1.93-2.83-4.17-2-5 .83-.83 3.07.07 5 2Z'%3E%3C/path%3E%3C/svg%3E"); }
.zi-save{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z'%3E%3C/path%3E%3Cpath d='M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7'%3E%3C/path%3E%3Cpath d='M7 3v4a1 1 0 0 0 1 1h7'%3E%3C/path%3E%3C/svg%3E"); }
.zi-bell{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.268 21a2 2 0 0 0 3.464 0'%3E%3C/path%3E%3Cpath d='M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326'%3E%3C/path%3E%3C/svg%3E"); }
.zi-coins{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.744 17.736a6 6 0 1 1-7.48-7.48'%3E%3C/path%3E%3Cpath d='M15 6h1v4'%3E%3C/path%3E%3Cpath d='m6.134 14.768.866-.5 2 3.464'%3E%3C/path%3E%3Ccircle cx='16' cy='8' r='6'%3E%3C/circle%3E%3C/svg%3E"); }
.zi-repeat{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m17 2 4 4-4 4'%3E%3C/path%3E%3Cpath d='M3 11v-1a4 4 0 0 1 4-4h14'%3E%3C/path%3E%3Cpath d='m7 22-4-4 4-4'%3E%3C/path%3E%3Cpath d='M21 13v1a4 4 0 0 1-4 4H3'%3E%3C/path%3E%3C/svg%3E"); }
.zi-compass{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z'%3E%3C/path%3E%3C/svg%3E"); }
.zi-card{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'%3E%3C/rect%3E%3Cline x1='2' x2='22' y1='10' y2='10'%3E%3C/line%3E%3Cpath d='M6 14h2'%3E%3C/path%3E%3C/svg%3E"); }
.zi-image{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='9' cy='9' r='2'%3E%3C/circle%3E%3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'%3E%3C/path%3E%3C/svg%3E"); }
.zi-type{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16'%3E%3C/path%3E%3Cpath d='M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2'%3E%3C/path%3E%3Cpath d='M9 20h6'%3E%3C/path%3E%3C/svg%3E"); }
.zi-armchair{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 9V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v3'%3E%3C/path%3E%3Cpath d='M3 16a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V11a2 2 0 0 0-4 0z'%3E%3C/path%3E%3Cpath d='M5 18v2'%3E%3C/path%3E%3Cpath d='M19 18v2'%3E%3C/path%3E%3C/svg%3E"); }
.zi-users{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Cpath d='M16 3.128a4 4 0 0 1 0 7.744'%3E%3C/path%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'%3E%3C/path%3E%3Ccircle cx='9' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E"); }
.zi-tag{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'%3E%3C/path%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='currentColor'%3E%3C/circle%3E%3C/svg%3E"); }
.zi-key{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z'%3E%3C/path%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='currentColor'%3E%3C/circle%3E%3C/svg%3E"); }
.zi-scroll{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 12h-5'%3E%3C/path%3E%3Cpath d='M15 8h-5'%3E%3C/path%3E%3Cpath d='M19 17V5a2 2 0 0 0-2-2H4'%3E%3C/path%3E%3Cpath d='M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3'%3E%3C/path%3E%3C/svg%3E"); }
.zi-file{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'%3E%3C/path%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'%3E%3C/path%3E%3Cpath d='M10 9H8'%3E%3C/path%3E%3Cpath d='M16 13H8'%3E%3C/path%3E%3Cpath d='M16 17H8'%3E%3C/path%3E%3C/svg%3E"); }
.zi-search{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'%3E%3C/path%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3C/svg%3E"); } /* v3.1: поиск (КСО, подстановка по VIN) */
/* 11 · v3.2: боковое меню кабинетов - 232px (было 210), только на широком экране; на телефоне оно полоса сверху (раздел 8). */
@media (min-width:641px){ .app > .sidebar:not(:has(.side-fly)){ width:232px !important; min-width:232px !important; } } /* узкая полоса значков управленки (с выдвижными .side-fly) не трогается */
/* 12 · v3.2: боковое меню - одно правило для всех кабинетов (ЗАДАНИЕ_БОКОВОЕ_МЕНЮ).
Только широкий экран; узкая полоса управленки (.side-fly) не трогается; на телефоне меню - полоса сверху (раздел 8). */
.zi-inbox{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 16 12 14 15 10 15 8 12 2 12'%3E%3C/polyline%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'%3E%3C/path%3E%3C/svg%3E"); }
.zi-car-front{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 8-2 2-1.5-3.7A2 2 0 0 0 15.646 5H8.4a2 2 0 0 0-1.903 1.257L5 10 3 8'%3E%3C/path%3E%3Cpath d='M7 14h.01'%3E%3C/path%3E%3Cpath d='M17 14h.01'%3E%3C/path%3E%3Crect width='18' height='8' x='3' y='10' rx='2'%3E%3C/rect%3E%3Cpath d='M5 18v2'%3E%3C/path%3E%3Cpath d='M19 18v2'%3E%3C/path%3E%3C/svg%3E"); }
.zi-truck{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'%3E%3C/path%3E%3Cpath d='M15 18H9'%3E%3C/path%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'%3E%3C/path%3E%3Ccircle cx='17' cy='18' r='2'%3E%3C/circle%3E%3Ccircle cx='7' cy='18' r='2'%3E%3C/circle%3E%3C/svg%3E"); }
.zi-warehouse{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 21V10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v11'%3E%3C/path%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 1.132-1.803l7.95-3.974a2 2 0 0 1 1.837 0l7.948 3.974A2 2 0 0 1 22 8z'%3E%3C/path%3E%3Cpath d='M6 13h12'%3E%3C/path%3E%3Cpath d='M6 17h12'%3E%3C/path%3E%3C/svg%3E"); }
.zi-file-pen-line{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.364 13.634a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506l4.013-4.009a1 1 0 0 0-3.004-3.004z'%3E%3C/path%3E%3Cpath d='M14.487 7.858A1 1 0 0 1 14 7V2'%3E%3C/path%3E%3Cpath d='M20 19.645V20a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l2.516 2.516'%3E%3C/path%3E%3Cpath d='M8 18h1'%3E%3C/path%3E%3C/svg%3E"); }
.zi-circle-x{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='m15 9-6 6'%3E%3C/path%3E%3Cpath d='m9 9 6 6'%3E%3C/path%3E%3C/svg%3E"); }
.zi-archive{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='5' x='2' y='3' rx='1'%3E%3C/rect%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8'%3E%3C/path%3E%3Cpath d='M10 12h4'%3E%3C/path%3E%3C/svg%3E"); }
.zi-shield-check{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'%3E%3C/path%3E%3Cpath d='m9 12 2 2 4-4'%3E%3C/path%3E%3C/svg%3E"); }
.zi-chart-column{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16'%3E%3C/path%3E%3Cpath d='M18 17V9'%3E%3C/path%3E%3Cpath d='M13 17V5'%3E%3C/path%3E%3Cpath d='M8 17v-3'%3E%3C/path%3E%3C/svg%3E"); }
.zi-wallet{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1'%3E%3C/path%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4'%3E%3C/path%3E%3C/svg%3E"); }
.zi-file-text{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'%3E%3C/path%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'%3E%3C/path%3E%3Cpath d='M10 9H8'%3E%3C/path%3E%3Cpath d='M16 13H8'%3E%3C/path%3E%3Cpath d='M16 17H8'%3E%3C/path%3E%3C/svg%3E"); }
.zi-book-open{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v16'%3E%3C/path%3E%3Cpath d='M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z'%3E%3C/path%3E%3C/svg%3E"); }
.zi-log-out{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 17 5-5-5-5'%3E%3C/path%3E%3Cpath d='M21 12H9'%3E%3C/path%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'%3E%3C/path%3E%3C/svg%3E"); }
.zi-clipboard-check{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'%3E%3C/rect%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'%3E%3C/path%3E%3Cpath d='m9 14 2 2 4-4'%3E%3C/path%3E%3C/svg%3E"); }
.zi-phone{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'%3E%3C/path%3E%3C/svg%3E"); }
.zi-stamp{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 13V8.5C14 7 15 7 15 5a3 3 0 0 0-6 0c0 2 1 2 1 3.5V13'%3E%3C/path%3E%3Cpath d='M20 15.5a2.5 2.5 0 0 0-2.5-2.5h-11A2.5 2.5 0 0 0 4 15.5V17a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1z'%3E%3C/path%3E%3Cpath d='M5 22h14'%3E%3C/path%3E%3C/svg%3E"); }
.zi-contact{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 2v2'%3E%3C/path%3E%3Cpath d='M7 21v-2a2 2 0 012-2h6a2 2 0 012 2v2'%3E%3C/path%3E%3Cpath d='M8 2v2'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3Crect x='3' y='3' width='18' height='18' rx='2'%3E%3C/rect%3E%3C/svg%3E"); }
.zi-arrow-left{ --zi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19-7-7 7-7'%3E%3C/path%3E%3Cpath d='M19 12H5'%3E%3C/path%3E%3C/svg%3E"); }
@media (min-width:641px){
.app > .sidebar:not(:has(.side-fly)){ padding-left:10px !important; padding-right:10px !important; }
.app > .sidebar:not(:has(.side-fly)) :is(.side-nav, .side-settings){ gap:2px !important; }
.app > .sidebar:not(:has(.side-fly)) :is(.page-tab, .side-item){ display:flex; align-items:center; gap:10px !important; height:36px !important; min-height:36px; padding:0 10px !important;
border-radius:var(--zc-r-md) !important; color:#d3ded6 !important; font-size:14px !important; font-weight:500 !important; line-height:20px !important;
white-space:nowrap; overflow:hidden; text-align:left; justify-content:flex-start !important; }
.app > .sidebar:not(:has(.side-fly)) :is(.page-tab, .side-item):hover{ background:rgba(255,255,255,.07) !important; color:#fff !important; }
.app > .sidebar:not(:has(.side-fly)) :is(.page-tab, .side-item).active{ background:var(--zc-brand-700) !important; color:#fff !important; font-weight:600 !important; }
.app > .sidebar:not(:has(.side-fly)) :is(.page-tab, .side-item) > [class^="zi-"]{ width:18px !important; height:18px !important; opacity:.9; }
.app > .sidebar:not(:has(.side-fly)) :is(.page-tab, .side-item) > .t{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* счётчик: только число; пустой не показывается; жёлтый - требует действия */
.app > .sidebar:not(:has(.side-fly)) :is(.page-tab, .side-item) .cnt{ margin-left:auto; flex:none; min-width:24px; height:20px; line-height:20px; padding:0 7px; border-radius:999px;
background:rgba(255,255,255,.12) !important; color:#d3ded6 !important; font-size:12px !important; font-weight:600 !important; text-align:center; font-variant-numeric:tabular-nums; }
.app > .sidebar:not(:has(.side-fly)) :is(.page-tab, .side-item).active .cnt{ background:rgba(0,0,0,.2) !important; color:#fff !important; }
/* подписи групп */
.app > .sidebar:not(:has(.side-fly)) .side-grp{ font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--zc-nav-muted); font-weight:500; padding:14px 10px 4px; }
.app > .sidebar:not(:has(.side-fly)) .side-nav > .side-grp:first-child{ padding-top:4px; }
/* низ меню: те же пункты по левому краю, после разделителя; «Выйти» - тише */
.app > .sidebar:not(:has(.side-fly)) .side-settings{ border-top:1px solid rgba(255,255,255,.08) !important; margin:auto 0 0 !important; padding:6px 0 0 !important; flex-direction:column !important; align-items:stretch; }
.app > .sidebar:not(:has(.side-fly)) .side-settings .page-tab.zc-out{ color:var(--zc-nav-muted) !important; }
}
.sidebar .cnt:empty{ display:none !important; }
.app > .sidebar:not(:has(.side-fly)) :is(.page-tab, .side-item) .cnt.hot{ background:#e0a339 !important; color:#1d1a12 !important; }
.sidebar :is(.page-tab, .side-item)[hidden]{ display:none !important; }
@media (max-width:640px){ .side-grp{ display:none !important; } }
/* v3.3: на телефоне нижний блок с кнопкой «Выйти» (.zc-out) не прячем - иначе из кабинета не выйти */
@media (max-width:640px){
.sidebar .side-foot:has(.zc-out){ display:flex !important; flex:none; align-items:center; margin:0 0 0 auto !important; padding:0 !important; border:none !important; }
.sidebar .side-foot:has(.zc-out) > :not(.zc-out){ display:none !important; }
}
/* 26.10.2026: крестики фильтров (.ms) снова кликаются. Когда «×» заменили иконкой ,
клик стал попадать в иконку, а обработчики кабинетов ждут сам крестик (, .clr) —
ev.target.getAttribute('data-v') давал null, и ничего не снималось. Иконка клик не забирает. */
.ms-field [class*="zi-"], .clr [class*="zi-"], .chip i[data-v] [class*="zi-"]{ pointer-events:none; }