/* inf-shtat.css — тема «Цифровой штат» для платформы клиента. Собрана postavit.py (USTANOVKA/tema-shtat) из CSS
   самой платформы: не править руками, пересобрать. Действует только при классе html.inf-shtat. */
html.inf-shtat{ color-scheme:light; }
html.inf-new.inf-shtat{
  --inf-bg:#F5F5F7; --inf-ink:#111214; --inf-mut:#6C6E75; --inf-soft:#9A9CA3; --inf-line:#E3E4E8; --inf-line2:#ECEEF1;
  --inf-acc:#003D35; --inf-acc2:#002520; --inf-acc-bg:#E4F2EF;
  --inf-glow1:transparent; --inf-glow2:transparent;
  --inf-mark:#003D35; --inf-mark-sh:rgba(0,61,53,.35);
  --inf-focus:#5FA898; --inf-ring:rgba(0,61,53,.14); --inf-sel:rgba(0,61,53,.18);
  /* главные кнопки — тёмные, не чёрные; зелёный только акцентом (Юра 27.10.2026, как в брифе) */
  --inf-grad:linear-gradient(#18181B,#18181B); --inf-grad-sh:transparent;
  --inf-bar:#111214; --inf-bar-grad:#111214;
}
html.inf-shtat body, html.inf-shtat button, html.inf-shtat input, html.inf-shtat select, html.inf-shtat textarea,
html.inf-new.inf-shtat body, html.inf-new.inf-shtat button, html.inf-new.inf-shtat input, html.inf-new.inf-shtat select, html.inf-new.inf-shtat textarea{
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','SF Pro Display','Inter Shtat','Segoe UI',sans-serif !important;
}
/* заголовки — Onest, текст — шрифт Apple (Юра 27.10.2026) */
html.inf-shtat h1, html.inf-shtat h2, html.inf-shtat h3{ font-family:'Onest',-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter Shtat','Segoe UI',sans-serif !important; }
/* фон страниц как у Apple (Юра 27.10.2026) */
html.inf-shtat body{ background-color:#F5F5F7 !important; background-image:none !important; }
html.inf-shtat ::selection{ background:rgba(0,61,53,.18); }
/* ЕДИНЫЙ ВИД (Юра 30.10.2026: «воедино по всему сайту… размерность и ширина страницы»). Шкала — README «Единая шкала размеров».
   Боковое меню — как верхнее: 13 px, тот же шрифт; строка 32 px, иконка 15 — в развёрнутом меню всё влезает без прокрутки. */
html.inf-shtat .nav-item{ font-size:13px !important; font-weight:400 !important; line-height:20px !important; padding:5px 10px !important; gap:10px !important; margin-bottom:1px !important; }
html.inf-shtat .nav-item.nav-active{ font-weight:600 !important; }
html.inf-shtat .nav-item svg{ width:15px !important; height:15px !important; flex-shrink:0; }
/* подписи групп меню плотнее — на экране ноутбука (высота ~760) меню Закупок влезает без прокрутки */
html.inf-shtat .shtat-mgr{ padding:5px 10px 1px !important; }
html.inf-shtat aside.w-14 .shtat-mgr{ padding:0 !important; }
/* Заголовок раздела — класс inf-zag: Onest 20 / 800 (как «Остатки»), иконка 20 слева цветом текста. */
/* :is(…, #id) — вес как у id: заголовок раздела сильнее любых правил шрифта внутри блоков страниц (ДДС: .dds-ft :not(svg) ставил Inter) */
html.inf-shtat :is(.inf-zag, #inf-zag-ves){ font-family:'Onest',-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter Shtat','Segoe UI',sans-serif !important;
  font-size:20px !important; font-weight:800 !important; line-height:28px !important; letter-spacing:-.01em; color:#111214 !important; }
html.inf-shtat .inf-zag svg{ width:20px !important; height:20px !important; color:#111214 !important; flex-shrink:0; }
/* Карточка — класс inf-kart: как карточки «Остатков» (белая, линия, скругление 16, лёгкая тень) — не сливается с серым фоном. */
html.inf-shtat .inf-kart{ background:#fff !important; border:1px solid #E2E8F0 !important; border-radius:16px !important; box-shadow:0 1px 2px rgba(28,28,35,.04), 0 8px 24px -16px rgba(28,28,35,.14) !important; }
/* ═══ ШКАЛА (Юра 30.10.2026: «единые правила по заголовкам, основному тексту, жирности, размерам, краям — и все этому следовали»).
   Одно место для всех размеров сайта ЦШ. Значения сняты с образца «Закупки › Остатки». Те же числа — в README «Единая шкала
   размеров», в навыке dizayn-sistema-shtat и в проверке proverka-vida.py (SHKALA). Меняешь здесь — меняй там же.
   Новый блок берёт размеры отсюда: var(--sh-…). Свои px шрифтов, свои поля и inline-размеры — нельзя. */
html.inf-shtat{
  --sh-pole:24px;                                            /* поля страницы (main) со всех сторон; раздел — на всю ширину */
  --sh-zag-fs:20px;  --sh-zag-fw:800; --sh-zag-lh:28px; --sh-zag-ico:20px;   /* заголовок раздела (inf-zag), Onest */
  --sh-blok-fs:16px; --sh-blok-fw:600; --sh-blok-lh:22px;    /* заголовок блока / карточки, Onest */
  --sh-tekst-fs:14px; --sh-tekst-lh:20px;                    /* основной текст, кнопки, поля ввода */
  --sh-poyasn-fs:13px; --sh-poyasn-lh:18px;                  /* пояснение под заголовком, меню, строки списков */
  --sh-podpis-fs:12px; --sh-podpis-lh:16px;                  /* подписи, оси, таблицы */
  --sh-metka-fs:11px; --sh-metka-lh:14px;                    /* метки, чипы, бейджи, шапки узких колонок — меньше нельзя */
  --sh-cifra-fs:20px; --sh-cifra-fw:700; --sh-cifra-lh:28px; /* цифра-итог в карточке */
  --sh-fw-tekst:400; --sh-fw-akcent:500; --sh-fw-shapka:600; --sh-fw-cifra:700;   /* 800 — только заголовок раздела */
  --sh-tab-fs:12px; --sh-tab-th-fw:600; --sh-tab-pad-y:6px; --sh-tab-pad-x:10px;
  --sh-kontrol-h:34px; --sh-kontrol-h-mal:28px; --sh-kontrol-fs:14px; --sh-kontrol-fs-mal:13px; --sh-kontrol-r:11px;
  --sh-kart-r:16px; --sh-kart-pad:16px; --sh-kart-line:#E2E8F0;
  --sh-o1:8px; --sh-o2:12px; --sh-o3:16px; --sh-o4:24px;     /* отступы между блоками */
  --sh-menu-fs:13px; --sh-menu-h:30px; --sh-menu-ico:15px; --sh-verh-h:52px;
}
/* Базовые стили: элемент без классов сразу по шкале — новая страница по умолчанию выходит правильной.
   :where() — нулевой вес: класс на странице (text-sm, font-bold) всегда сильнее базы. */
html.inf-shtat main{ font-size:var(--sh-tekst-fs); line-height:var(--sh-tekst-lh); }
:where(html.inf-shtat main) h1{ font-size:var(--sh-zag-fs); font-weight:var(--sh-zag-fw); line-height:var(--sh-zag-lh); }
:where(html.inf-shtat main) h2{ font-size:var(--sh-blok-fs); font-weight:var(--sh-blok-fw); line-height:var(--sh-blok-lh); }
:where(html.inf-shtat main) h3, :where(html.inf-shtat main) h4{ font-size:var(--sh-tekst-fs); font-weight:var(--sh-blok-fw); line-height:var(--sh-tekst-lh); }
:where(html.inf-shtat main) h2, :where(html.inf-shtat main) h3, :where(html.inf-shtat main) h4{ font-family:'Onest',-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter Shtat','Segoe UI',sans-serif; }
:where(html.inf-shtat main) small{ font-size:var(--sh-podpis-fs); }
:where(html.inf-shtat main) table{ font-size:var(--sh-tab-fs); }
:where(html.inf-shtat main) th{ font-weight:var(--sh-tab-th-fw); }
:where(html.inf-shtat main) button, :where(html.inf-shtat main) input, :where(html.inf-shtat main) select, :where(html.inf-shtat main) textarea{ font-size:inherit; }
/* Кнопки и поля — высота 34 (Юра 30.10.2026 про Операционный цикл: «большой»): py-2 / py-2.5 при строке 20 давали 38–40. */
html.inf-shtat main input.py-2:not([type=checkbox]):not([type=radio]), html.inf-shtat main select.py-2,
html.inf-shtat main input.py-2\.5:not([type=checkbox]):not([type=radio]), html.inf-shtat main select.py-2\.5{ padding-top:5px !important; padding-bottom:5px !important; }
html.inf-shtat main button.py-2, html.inf-shtat main button.py-2\.5, html.inf-shtat main a.py-2\.5{ padding-top:7px !important; padding-bottom:7px !important; }
html.inf-shtat main input.border-2, html.inf-shtat main select.border-2{ border-width:1px !important; }
/* Раздел на всю ширину: широкие ограничители у блоков раздела снимаются (узкий текст до 68 знаков — max-w-2xl и уже — остаётся). */
/* карточка раздела — скругление 16 (rounded-2xl давал 20); окна с большой тенью — как были */
html.inf-shtat main .rounded-2xl.border:not([class*="shadow-xl"]):not([class*="shadow-2xl"]){ border-radius:16px !important; }
/* окна (модалки) не трогаем: они внутри оверлея .fixed или с тенью */
html.inf-shtat main div.max-w-3xl:not([class*="shadow"]):not(.fixed div):not(.fixed):not([role=dialog] div):not([x-show*="odal"] div):not([x-show*="okno"] div), html.inf-shtat main div.max-w-4xl:not([class*="shadow"]):not(.fixed div):not(.fixed):not([role=dialog] div):not([x-show*="odal"] div):not([x-show*="okno"] div), html.inf-shtat main div.max-w-5xl:not([class*="shadow"]):not(.fixed div):not(.fixed):not([role=dialog] div):not([x-show*="odal"] div):not([x-show*="okno"] div), html.inf-shtat main div.max-w-6xl:not([class*="shadow"]):not(.fixed div):not(.fixed):not([role=dialog] div):not([x-show*="odal"] div):not([x-show*="okno"] div), html.inf-shtat main div.max-w-7xl:not([class*="shadow"]):not(.fixed div):not(.fixed):not([role=dialog] div):not([x-show*="odal"] div):not([x-show*="okno"] div){ max-width:none !important; }
html.inf-shtat main table.text-sm td{ font-size:13px; }   /* таблица целиком text-sm (Тест CTR): строки — 13, как списки */
/* ═══ ШИРОКАЯ ТАБЛИЦА — класс inf-shir (Юра 30.10.2026 про ABC: «зум таблицы, масштаб плюс-минус… всё одинаковое, всё белое — для такого
   есть чередование цветов… границы вертикальные и горизонтальные, мягкие»). Ставит inf-shtat.js таблицам из SHIROKIE или с атрибутом
   data-inf-shir="<сколько первых колонок закрепить>": масштаб «− 100% +» (.inf-masht), зебра, мягкие линии, закреплённые колонки. */
html.inf-shtat table.inf-shir{ min-width:calc(100% / var(--inf-masht, 1)) !important; }
html.inf-shtat table.inf-shir > tbody > tr > td{ border-bottom:1px solid #E5E7EB !important; border-right:1px solid #ECEDF0 !important; }
html.inf-shtat table.inf-shir > tbody > tr > td:last-child{ border-right:0 !important; }
html.inf-shtat table.inf-shir[data-zakrep="1"] > tbody > tr > td:nth-child(1){ position:sticky !important; left:var(--zk1,0) !important; z-index:10; box-shadow:inset -1px 0 0 #DADDE2; }
html.inf-shtat table.inf-shir[data-zakrep="1"] > thead > tr:first-child > th:nth-child(1){ position:sticky !important; left:var(--zk1,0) !important; z-index:31 !important; box-shadow:inset -1px 0 0 #374151; }
html.inf-shtat table.inf-shir[data-zakrep="1"] > tbody > tr > td:nth-child(-n+1):not([class^="bg-"]):not([class*=" bg-"]){ background-color:#fff; }
html.inf-shtat table.inf-shir[data-zakrep="2"] > tbody > tr > td:nth-child(1){ position:sticky !important; left:var(--zk1,0) !important; z-index:10; }
html.inf-shtat table.inf-shir[data-zakrep="2"] > thead > tr:first-child > th:nth-child(1){ position:sticky !important; left:var(--zk1,0) !important; z-index:31 !important; }
html.inf-shtat table.inf-shir[data-zakrep="2"] > tbody > tr > td:nth-child(2){ position:sticky !important; left:var(--zk2,0) !important; z-index:10; box-shadow:inset -1px 0 0 #DADDE2; }
html.inf-shtat table.inf-shir[data-zakrep="2"] > thead > tr:first-child > th:nth-child(2){ position:sticky !important; left:var(--zk2,0) !important; z-index:31 !important; box-shadow:inset -1px 0 0 #374151; }
html.inf-shtat table.inf-shir[data-zakrep="2"] > tbody > tr > td:nth-child(-n+2):not([class^="bg-"]):not([class*=" bg-"]){ background-color:#fff; }
html.inf-shtat table.inf-shir[data-zakrep="3"] > tbody > tr > td:nth-child(1){ position:sticky !important; left:var(--zk1,0) !important; z-index:10; }
html.inf-shtat table.inf-shir[data-zakrep="3"] > thead > tr:first-child > th:nth-child(1){ position:sticky !important; left:var(--zk1,0) !important; z-index:31 !important; }
html.inf-shtat table.inf-shir[data-zakrep="3"] > tbody > tr > td:nth-child(2){ position:sticky !important; left:var(--zk2,0) !important; z-index:10; }
html.inf-shtat table.inf-shir[data-zakrep="3"] > thead > tr:first-child > th:nth-child(2){ position:sticky !important; left:var(--zk2,0) !important; z-index:31 !important; }
html.inf-shtat table.inf-shir[data-zakrep="3"] > tbody > tr > td:nth-child(3){ position:sticky !important; left:var(--zk3,0) !important; z-index:10; box-shadow:inset -1px 0 0 #DADDE2; }
html.inf-shtat table.inf-shir[data-zakrep="3"] > thead > tr:first-child > th:nth-child(3){ position:sticky !important; left:var(--zk3,0) !important; z-index:31 !important; box-shadow:inset -1px 0 0 #374151; }
html.inf-shtat table.inf-shir[data-zakrep="3"] > tbody > tr > td:nth-child(-n+3):not([class^="bg-"]):not([class*=" bg-"]){ background-color:#fff; }
html.inf-shtat table.inf-shir[data-zakrep="4"] > tbody > tr > td:nth-child(1){ position:sticky !important; left:var(--zk1,0) !important; z-index:10; }
html.inf-shtat table.inf-shir[data-zakrep="4"] > thead > tr:first-child > th:nth-child(1){ position:sticky !important; left:var(--zk1,0) !important; z-index:31 !important; }
html.inf-shtat table.inf-shir[data-zakrep="4"] > tbody > tr > td:nth-child(2){ position:sticky !important; left:var(--zk2,0) !important; z-index:10; }
html.inf-shtat table.inf-shir[data-zakrep="4"] > thead > tr:first-child > th:nth-child(2){ position:sticky !important; left:var(--zk2,0) !important; z-index:31 !important; }
html.inf-shtat table.inf-shir[data-zakrep="4"] > tbody > tr > td:nth-child(3){ position:sticky !important; left:var(--zk3,0) !important; z-index:10; }
html.inf-shtat table.inf-shir[data-zakrep="4"] > thead > tr:first-child > th:nth-child(3){ position:sticky !important; left:var(--zk3,0) !important; z-index:31 !important; }
html.inf-shtat table.inf-shir[data-zakrep="4"] > tbody > tr > td:nth-child(4){ position:sticky !important; left:var(--zk4,0) !important; z-index:10; box-shadow:inset -1px 0 0 #DADDE2; }
html.inf-shtat table.inf-shir[data-zakrep="4"] > thead > tr:first-child > th:nth-child(4){ position:sticky !important; left:var(--zk4,0) !important; z-index:31 !important; box-shadow:inset -1px 0 0 #374151; }
html.inf-shtat table.inf-shir[data-zakrep="4"] > tbody > tr > td:nth-child(-n+4):not([class^="bg-"]):not([class*=" bg-"]){ background-color:#fff; }
/* зебра — очень мягкий нейтральный серый; строки и ячейки со своим цветом (ИТОГО, «не разнесено», цвета-смыслы) не трогаются */
html.inf-shtat table.inf-shir > tbody > tr:not([class^="bg-"]):not([class*=" bg-"]):nth-of-type(even) > td:not([class^="bg-"]):not([class*=" bg-"]),
html.inf-shtat table.inf-shir > tbody > tr:not([class^="bg-"]):not([class*=" bg-"]):nth-of-type(even) > td.bg-white{ background-color:#F3F4F6 !important; }
html.inf-shtat table.inf-shir > tbody > tr:not([class^="bg-"]):not([class*=" bg-"]):hover > td:not([class^="bg-"]):not([class*=" bg-"]),
html.inf-shtat table.inf-shir > tbody > tr:not([class^="bg-"]):not([class*=" bg-"]):hover > td.bg-white{ background-color:#E9EDF2 !important; }
/* масштаб таблицы: мелкая кнопка шкалы — 28 / 13 */
html.inf-shtat .inf-masht{ display:inline-flex; align-items:center; height:28px; border:1px solid #E3E4E8; border-radius:8px; background:#fff; overflow:hidden; flex:none; font:400 13px/1 -apple-system,BlinkMacSystemFont,'SF Pro Text','Inter Shtat',sans-serif; color:#16171A; }
html.inf-shtat .inf-masht button{ width:28px; height:26px; border:0; background:none; color:#3A3B40; font-size:14px; line-height:1; cursor:pointer; padding:0; }
html.inf-shtat .inf-masht button:hover:not(:disabled){ background:#F3F3F5; }
html.inf-shtat .inf-masht button:disabled{ color:#C4C5CA; cursor:default; }
html.inf-shtat .inf-masht span{ min-width:44px; text-align:center; font-variant-numeric:tabular-nums; cursor:pointer; user-select:none; }
html.inf-shtat .inf-masht-r{ display:flex; justify-content:flex-end; margin:0 0 8px; }
/* Размеры вне шкалы в Tailwind, inf-theme и CSS страниц сводит к шкале сам postavit.py (shkala_css), в style от скриптов — inf-shtat.js. */

/* Tailwind: фиолетовые классы → зелёные */
html.inf-shtat .divide-violet-100>:not([hidden])~:not([hidden]){border-color:rgb(221 239 234 /var(--tw-divide-opacity,1))}
html.inf-shtat .border-indigo-100{border-color:rgb(221 239 234 /var(--tw-border-opacity,1))}
html.inf-shtat .border-indigo-200{border-color:rgb(191 224 216 /var(--tw-border-opacity,1))}
html.inf-shtat .border-indigo-300{border-color:rgb(143 201 187 /var(--tw-border-opacity,1))}
html.inf-shtat .border-purple-600{border-color:rgb(0 61 53 /var(--tw-border-opacity,1))}
html.inf-shtat .border-violet-100{border-color:rgb(221 239 234 /var(--tw-border-opacity,1))}
html.inf-shtat .border-violet-200{border-color:rgb(191 224 216 /var(--tw-border-opacity,1))}
html.inf-shtat .border-violet-200\/60{border-color:rgba(191,224,216,.6)}
html.inf-shtat .border-violet-300{border-color:rgb(143 201 187 /var(--tw-border-opacity,1))}
html.inf-shtat .border-violet-400{border-color:rgb(79 170 151 /var(--tw-border-opacity,1))}
html.inf-shtat .border-violet-400\/60{border-color:rgba(79,170,151,.6)}
html.inf-shtat .border-violet-500{border-color:rgb(0 111 97 /var(--tw-border-opacity,1))}
html.inf-shtat .border-violet-600{border-color:rgb(0 61 53 /var(--tw-border-opacity,1))}
html.inf-shtat .border-l-violet-300{border-left-color:rgb(143 201 187 /var(--tw-border-opacity,1))}
html.inf-shtat .bg-indigo-100{background-color:rgb(221 239 234 /var(--tw-bg-opacity,1))}
html.inf-shtat .bg-indigo-400{background-color:rgb(79 170 151 /var(--tw-bg-opacity,1))}
html.inf-shtat .bg-indigo-50{background-color:rgb(238 247 245 /var(--tw-bg-opacity,1))}
html.inf-shtat .bg-indigo-50\/40{background-color:rgba(238,247,245,.4)}
html.inf-shtat .bg-indigo-600{background-color:rgb(0 61 53 /var(--tw-bg-opacity,1))}
html.inf-shtat .bg-purple-100{background-color:rgb(221 239 234 /var(--tw-bg-opacity,1))}
html.inf-shtat .bg-purple-500{background-color:rgb(0 111 97 /var(--tw-bg-opacity,1))}
html.inf-shtat .bg-purple-600{background-color:rgb(0 61 53 /var(--tw-bg-opacity,1))}
html.inf-shtat .bg-violet-100{background-color:rgb(221 239 234 /var(--tw-bg-opacity,1))}
html.inf-shtat .bg-violet-100\/70{background-color:rgba(221,239,234,.7)}
html.inf-shtat .bg-violet-200{background-color:rgb(191 224 216 /var(--tw-bg-opacity,1))}
html.inf-shtat .bg-violet-400{background-color:rgb(79 170 151 /var(--tw-bg-opacity,1))}
html.inf-shtat .bg-violet-50{background-color:rgb(238 247 245 /var(--tw-bg-opacity,1))}
html.inf-shtat .bg-violet-50\/30{background-color:rgba(238,247,245,.3)}
html.inf-shtat .bg-violet-50\/40{background-color:rgba(238,247,245,.4)}
html.inf-shtat .bg-violet-50\/50{background-color:rgba(238,247,245,.5)}
html.inf-shtat .bg-violet-50\/60{background-color:rgba(238,247,245,.6)}
html.inf-shtat .bg-violet-50\/70{background-color:rgba(238,247,245,.7)}
html.inf-shtat .bg-violet-500{background-color:rgb(0 111 97 /var(--tw-bg-opacity,1))}
html.inf-shtat .bg-violet-600{background-color:rgb(0 61 53 /var(--tw-bg-opacity,1))}
html.inf-shtat .bg-violet-800{background-color:rgb(0 44 39 /var(--tw-bg-opacity,1))}
html.inf-shtat .bg-violet-800\/60{background-color:rgba(0,44,39,.6)}
html.inf-shtat .bg-violet-900{background-color:rgb(0 37 32 /var(--tw-bg-opacity,1))}
html.inf-shtat .from-purple-600{--tw-gradient-from:#003D35 var(--tw-gradient-from-position);--tw-gradient-to:rgba(0,61,53,0) var(--tw-gradient-to-position)}
html.inf-shtat .from-violet-50{--tw-gradient-from:#EEF7F5 var(--tw-gradient-from-position);--tw-gradient-to:rgba(238,247,245,0) var(--tw-gradient-to-position)}
html.inf-shtat .to-purple-900{--tw-gradient-to:#002520 var(--tw-gradient-to-position)}
html.inf-shtat .text-indigo-200{color:rgb(191 224 216 /var(--tw-text-opacity,1))}
html.inf-shtat .text-indigo-400{color:rgb(79 170 151 /var(--tw-text-opacity,1))}
html.inf-shtat .text-indigo-500{color:rgb(0 111 97 /var(--tw-text-opacity,1))}
html.inf-shtat .text-indigo-600{color:rgb(0 61 53 /var(--tw-text-opacity,1))}
html.inf-shtat .text-indigo-700{color:rgb(0 51 45 /var(--tw-text-opacity,1))}
html.inf-shtat .text-purple-600{color:rgb(0 61 53 /var(--tw-text-opacity,1))}
html.inf-shtat .text-purple-700{color:rgb(0 51 45 /var(--tw-text-opacity,1))}
html.inf-shtat .text-violet-100{color:rgb(221 239 234 /var(--tw-text-opacity,1))}
html.inf-shtat .text-violet-200{color:rgb(191 224 216 /var(--tw-text-opacity,1))}
html.inf-shtat .text-violet-300{color:rgb(143 201 187 /var(--tw-text-opacity,1))}
html.inf-shtat .text-violet-400{color:rgb(79 170 151 /var(--tw-text-opacity,1))}
html.inf-shtat .text-violet-500{color:rgb(0 111 97 /var(--tw-text-opacity,1))}
html.inf-shtat .text-violet-600{color:rgb(0 61 53 /var(--tw-text-opacity,1))}
html.inf-shtat .text-violet-700{color:rgb(0 51 45 /var(--tw-text-opacity,1))}
html.inf-shtat .text-violet-800{color:rgb(0 44 39 /var(--tw-text-opacity,1))}
html.inf-shtat .text-violet-900{color:rgb(0 37 32 /var(--tw-text-opacity,1))}
html.inf-shtat .accent-indigo-600{accent-color:#003D35}
html.inf-shtat .accent-violet-600{accent-color:#003D35}
html.inf-shtat .shadow-violet-300{--tw-shadow-color:#8FC9BB}
html.inf-shtat .shadow-violet-900\/40{--tw-shadow-color:rgba(0,37,32,.4)}
html.inf-shtat .ring-violet-100{--tw-ring-color:rgb(221 239 234 /var(--tw-ring-opacity,1))}
html.inf-shtat .ring-violet-200{--tw-ring-color:rgb(191 224 216 /var(--tw-ring-opacity,1))}
html.inf-shtat .ring-violet-300{--tw-ring-color:rgb(143 201 187 /var(--tw-ring-opacity,1))}
html.inf-shtat .ring-violet-400{--tw-ring-color:rgb(79 170 151 /var(--tw-ring-opacity,1))}
html.inf-shtat .ring-violet-500{--tw-ring-color:rgb(0 111 97 /var(--tw-ring-opacity,1))}
html.inf-shtat .focus-within\:border-indigo-400:focus-within{border-color:rgb(79 170 151 /var(--tw-border-opacity,1))}
html.inf-shtat .focus-within\:border-violet-300:focus-within{border-color:rgb(143 201 187 /var(--tw-border-opacity,1))}
html.inf-shtat .focus-within\:ring-indigo-100:focus-within{--tw-ring-color:rgb(221 239 234 /var(--tw-ring-opacity,1))}
html.inf-shtat .hover\:border-violet-200:hover{border-color:rgb(191 224 216 /var(--tw-border-opacity,1))}
html.inf-shtat .hover\:border-violet-300:hover{border-color:rgb(143 201 187 /var(--tw-border-opacity,1))}
html.inf-shtat .hover\:border-violet-400:hover{border-color:rgb(79 170 151 /var(--tw-border-opacity,1))}
html.inf-shtat .hover\:border-violet-500:hover{border-color:rgb(0 111 97 /var(--tw-border-opacity,1))}
html.inf-shtat .hover\:bg-indigo-100:hover{background-color:rgb(221 239 234 /var(--tw-bg-opacity,1))}
html.inf-shtat .hover\:bg-indigo-200:hover{background-color:rgb(191 224 216 /var(--tw-bg-opacity,1))}
html.inf-shtat .hover\:bg-indigo-50:hover{background-color:rgb(238 247 245 /var(--tw-bg-opacity,1))}
html.inf-shtat .hover\:bg-indigo-50\/40:hover{background-color:rgba(238,247,245,.4)}
html.inf-shtat .hover\:bg-indigo-700:hover{background-color:rgb(0 51 45 /var(--tw-bg-opacity,1))}
html.inf-shtat .hover\:bg-purple-200:hover{background-color:rgb(191 224 216 /var(--tw-bg-opacity,1))}
html.inf-shtat .hover\:bg-purple-50:hover{background-color:rgb(238 247 245 /var(--tw-bg-opacity,1))}
html.inf-shtat .hover\:bg-purple-50\/50:hover{background-color:rgba(238,247,245,.5)}
html.inf-shtat .hover\:bg-purple-600:hover{background-color:rgb(0 61 53 /var(--tw-bg-opacity,1))}
html.inf-shtat .hover\:bg-purple-700:hover{background-color:rgb(0 51 45 /var(--tw-bg-opacity,1))}
html.inf-shtat .hover\:bg-violet-100:hover{background-color:rgb(221 239 234 /var(--tw-bg-opacity,1))}
html.inf-shtat .hover\:bg-violet-200:hover{background-color:rgb(191 224 216 /var(--tw-bg-opacity,1))}
html.inf-shtat .hover\:bg-violet-50:hover{background-color:rgb(238 247 245 /var(--tw-bg-opacity,1))}
html.inf-shtat .hover\:bg-violet-50\/30:hover{background-color:rgba(238,247,245,.3)}
html.inf-shtat .hover\:bg-violet-50\/40:hover{background-color:rgba(238,247,245,.4)}
html.inf-shtat .hover\:bg-violet-50\/50:hover{background-color:rgba(238,247,245,.5)}
html.inf-shtat .hover\:bg-violet-50\/60:hover{background-color:rgba(238,247,245,.6)}
html.inf-shtat .hover\:bg-violet-500:hover{background-color:rgb(0 111 97 /var(--tw-bg-opacity,1))}
html.inf-shtat .hover\:bg-violet-700:hover{background-color:rgb(0 51 45 /var(--tw-bg-opacity,1))}
html.inf-shtat .hover\:text-indigo-600:hover{color:rgb(0 61 53 /var(--tw-text-opacity,1))}
html.inf-shtat .hover\:text-indigo-800:hover{color:rgb(0 44 39 /var(--tw-text-opacity,1))}
html.inf-shtat .hover\:text-violet-500:hover{color:rgb(0 111 97 /var(--tw-text-opacity,1))}
html.inf-shtat .hover\:text-violet-600:hover{color:rgb(0 61 53 /var(--tw-text-opacity,1))}
html.inf-shtat .hover\:text-violet-700:hover{color:rgb(0 51 45 /var(--tw-text-opacity,1))}
html.inf-shtat .hover\:text-violet-800:hover{color:rgb(0 44 39 /var(--tw-text-opacity,1))}
html.inf-shtat .hover\:text-violet-900:hover{color:rgb(0 37 32 /var(--tw-text-opacity,1))}
html.inf-shtat .hover\:ring-violet-300:hover{--tw-ring-color:rgb(143 201 187 /var(--tw-ring-opacity,1))}
html.inf-shtat .focus\:border-indigo-400:focus{border-color:rgb(79 170 151 /var(--tw-border-opacity,1))}
html.inf-shtat .focus\:border-violet-300:focus{border-color:rgb(143 201 187 /var(--tw-border-opacity,1))}
html.inf-shtat .focus\:border-violet-400:focus{border-color:rgb(79 170 151 /var(--tw-border-opacity,1))}
html.inf-shtat .focus\:border-violet-500:focus{border-color:rgb(0 111 97 /var(--tw-border-opacity,1))}
html.inf-shtat .focus\:ring-violet-100:focus{--tw-ring-color:rgb(221 239 234 /var(--tw-ring-opacity,1))}
html.inf-shtat .focus\:ring-violet-200:focus{--tw-ring-color:rgb(191 224 216 /var(--tw-ring-opacity,1))}
html.inf-shtat .focus\:ring-violet-300:focus{--tw-ring-color:rgb(143 201 187 /var(--tw-ring-opacity,1))}
html.inf-shtat .focus\:ring-violet-400:focus{--tw-ring-color:rgb(79 170 151 /var(--tw-ring-opacity,1))}
html.inf-shtat .focus\:ring-violet-500:focus{--tw-ring-color:rgb(0 111 97 /var(--tw-ring-opacity,1))}
html.inf-shtat .group\/a:hover .group-hover\/a\:text-violet-700,html.inf-shtat .group\/num:hover .group-hover\/num\:text-violet-700{color:rgb(0 51 45 /var(--tw-text-opacity,1))}
html.inf-shtat .group:hover .group-hover\:text-purple-600{color:rgb(0 61 53 /var(--tw-text-opacity,1))}
html.inf-shtat .group:hover .group-hover\:text-violet-600{color:rgb(0 61 53 /var(--tw-text-opacity,1))}
html.inf-shtat .group:hover .group-hover\:text-violet-700{color:rgb(0 51 45 /var(--tw-text-opacity,1))}
/* Tailwind: кегли и жирность вне шкалы → шаг шкалы (только рабочая область main) */
html.inf-shtat main :host:not(.inf-zag):not(h1):not(h2):not(h3),html.inf-shtat:not(.inf-zag):not(h1):not(h2):not(h3){font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter Shtat','Segoe UI',sans-serif}
html.inf-shtat main .font-sans:not(.inf-zag):not(h1):not(h2):not(h3){font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter Shtat','Segoe UI',sans-serif}
html.inf-shtat main .text-2xl{font-size:20px;line-height:28px}
html.inf-shtat main .text-3xl{font-size:20px;line-height:28px}
html.inf-shtat main .text-5xl{font-size:20px;line-height:28px}
html.inf-shtat main .text-6xl{font-size:20px;line-height:28px}
html.inf-shtat main .text-\[10\.5px\]{font-size:11px}
html.inf-shtat main .text-\[10px\]{font-size:11px}
html.inf-shtat main .text-\[11\.5px\]{font-size:11px}
html.inf-shtat main .text-\[12\.5px\]{font-size:12px}
html.inf-shtat main .text-\[15px\]{font-size:14px}
html.inf-shtat main .text-\[17px\]{font-size:16px}
html.inf-shtat main .text-\[18px\]{font-size:16px}
html.inf-shtat main .text-\[19px\]{font-size:20px}
html.inf-shtat main .text-\[26px\]{font-size:20px}
html.inf-shtat main .text-\[7px\]{font-size:11px}
html.inf-shtat main .text-\[8\.5px\]{font-size:11px}
html.inf-shtat main .text-\[8px\]{font-size:11px}
html.inf-shtat main .text-\[9\.5px\]{font-size:11px}
html.inf-shtat main .text-\[9px\]{font-size:11px}
html.inf-shtat main .text-lg{font-size:16px;line-height:22px}
html.inf-shtat main .font-extrabold:not(.inf-zag){font-weight:700}
/* окна, затемнения и боковые панели — поверх верхней полосы (слой +100) */
html.inf-shtat .fixed.z-10{z-index:110 !important}
html.inf-shtat .fixed.z-20{z-index:120 !important}
html.inf-shtat .fixed.z-30{z-index:130 !important}
html.inf-shtat .fixed.z-40{z-index:140 !important}
html.inf-shtat .fixed.z-50{z-index:150 !important}
html.inf-shtat .fixed.z-\[100\]{z-index:200 !important}
html.inf-shtat .fixed.z-\[45\]{z-index:145 !important}
html.inf-shtat .fixed.z-\[55\]{z-index:155 !important}
html.inf-shtat .fixed.z-\[56\]{z-index:156 !important}
html.inf-shtat .fixed.z-\[60\]{z-index:160 !important}
html.inf-shtat .fixed.z-\[65\]{z-index:165 !important}
html.inf-shtat .fixed.z-\[70\]{z-index:170 !important}
html.inf-shtat .fixed.z-\[71\]{z-index:171 !important}
html.inf-shtat .fixed.z-\[75\]{z-index:175 !important}
html.inf-shtat .fixed.z-\[80\]{z-index:180 !important}
html.inf-shtat .fixed.z-\[85\]{z-index:185 !important}
html.inf-shtat .fixed.z-\[90\]{z-index:190 !important}
html.inf-shtat .fixed.z-\[95\]{z-index:195 !important}
html.inf-shtat .fixed.inset-0:not([class*="z-"]):not(.fixed *){z-index:100 !important}
/* тема Inferno: фирменные цвета */
html.inf-new.inf-shtat{
  --inf-bg:#F5F5F7; --inf-ink:#1C1C23; --inf-mut:#74747F; --inf-soft:#A3A3AD; --inf-line:#E7E7EC; --inf-line2:#EDEFF1;
  --inf-acc:#003D35; --inf-acc2:#002520; --inf-acc-bg:#E4F2EF;
  
  --inf-glow1:rgba(0,61,53,.09); --inf-glow2:rgba(0,61,53,.07);
  --inf-mark:linear-gradient(135deg,#00584D,#002520); --inf-mark-sh:rgba(0,61,53,.7);
  --inf-focus:#5FA898; --inf-ring:rgba(0,61,53,.12); --inf-sel:rgba(0,61,53,.18);
  --inf-grad:linear-gradient(135deg,#00584D,#002520); --inf-grad-sh:rgba(0,61,53,.75);
  --inf-bar:#002520; --inf-bar-grad:linear-gradient(90deg,#001A17,#002520);
  --inf-sh1:0 1px 2px rgba(28,28,35,.04),0 8px 24px -16px rgba(28,28,35,.14);
  --inf-sh2:0 2px 4px rgba(28,28,35,.04),0 18px 40px -20px rgba(28,28,35,.22);
  --inf-sh3:0 30px 80px -24px rgba(28,28,35,.42)}
html.inf-new.inf-shtat .nav-item:hover{ background:#EDEFF1 !important}
html.inf-new.inf-shtat .nav-item-sm:hover{ background:#EDEFF1 !important}
html.inf-new.inf-shtat .inf-mod:hover{ background:#EDEFF1 !important}
html.inf-new.inf-shtat #userdrop{
  box-shadow:0 24px 48px -18px rgba(28,28,35,.28) !important}
html.inf-new.inf-shtat #userdrop a:hover{ background:#F4F9F9 !important}
html.inf-new.inf-shtat .shadow-sm{ box-shadow:0 1px 2px rgba(28,28,35,.05) !important}
html.inf-new.inf-shtat *{ scrollbar-color:#D2DEDC transparent}
html.inf-new.inf-shtat ::-webkit-scrollbar-thumb{ background:#D2DEDC}
html.inf-new.inf-shtat ::-webkit-scrollbar-thumb:hover{ background:#B4C6C3}
html.inf-new.inf-shtat .toolbar-row.rnp-seg,html.inf-new.inf-shtat .rnp-seg{ background:#EDF4F3 !important}
html.inf-new.inf-shtat .rnp-seg .qp.active{ box-shadow:0 1px 3px rgba(28,28,35,.14) !important}
html.inf-new.inf-shtat table.tm thead th{ background-color:#F9FCFB}
html.inf-new.inf-shtat .bg-gray-50{ background-color:#F9FCFB !important}
html.inf-new.inf-shtat .bg-gray-100{ background-color:#EDEFF1 !important}
html.inf-new.inf-shtat .bg-gray-200{ background-color:#E3EDEC !important}
html.inf-new.inf-shtat .hover\:bg-gray-50:hover{ background-color:#F4F9F9 !important}
html.inf-new.inf-shtat .hover\:bg-gray-100:hover{ background-color:#ECF4F3 !important}
html.inf-new.inf-shtat .hover\:bg-gray-200:hover{ background-color:#DEEAE8 !important}
html.inf-new.inf-shtat .bg-slate-50{ background-color:#F9FCFB !important}
html.inf-new.inf-shtat .bg-slate-100{ background-color:#EDEFF1 !important}
html.inf-new.inf-shtat .text-gray-900,html.inf-new.inf-shtat .text-gray-800{ color:#1C1C23 !important}
html.inf-new.inf-shtat .text-gray-400{ color:#A3A3AD !important}
html.inf-new.inf-shtat .border-gray-300{ border-color:#D9E3E2 !important}
html.inf-new.inf-shtat .text-purple-700,html.inf-new.inf-shtat .text-violet-700{ color:#00332D !important}
html.inf-new.inf-shtat .bg-purple-50,html.inf-new.inf-shtat .bg-violet-50{ background-color:#EEF7F5 !important}
html.inf-new.inf-shtat .bg-purple-100,html.inf-new.inf-shtat .bg-violet-100{ background-color:#DDEFEA !important}
html.inf-new.inf-shtat .ring-purple-100,html.inf-new.inf-shtat .ring-violet-100{ --tw-ring-color:rgba(221,239,234,.14) !important}
/* тема Inferno: размеры вне шкалы → шкала */
html.inf-new.inf-shtat body:not(.inf-zag):not(h1):not(h2):not(h3),html.inf-new.inf-shtat button:not(.inf-zag):not(h1):not(h2):not(h3),html.inf-new.inf-shtat input:not(.inf-zag):not(h1):not(h2):not(h3),html.inf-new.inf-shtat select:not(.inf-zag):not(h1):not(h2):not(h3),html.inf-new.inf-shtat textarea:not(.inf-zag):not(h1):not(h2):not(h3){font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter Shtat','Segoe UI',sans-serif !important}
html.inf-new.inf-shtat main .text-xl.font-semibold:not(.inf-zag),html.inf-new.inf-shtat main .text-xl.font-bold:not(.inf-zag),html.inf-new.inf-shtat main .text-2xl.font-semibold:not(.inf-zag),html.inf-new.inf-shtat main .text-2xl.font-bold:not(.inf-zag),html.inf-new.inf-shtat main h1:not(.inf-zag),html.inf-new.inf-shtat main h2.text-xl:not(.inf-zag){font-weight:700 !important}
html.inf-new.inf-shtat .dds-ft:not(.inf-zag):not(h1):not(h2):not(h3),html.inf-new.inf-shtat .dds-ft *:not(svg):not(path):not(.inf-zag):not(h1):not(h2):not(h3){font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter Shtat','Segoe UI',sans-serif !important}