/* ATLAS STUDIO — дизайн-токены. Единственный источник цвета, размера,
 * радиуса и темпа для всей CRM: правка здесь применяется везде сразу.
 * Палитра перенесена без изменений с живых страниц (эталон — дашборд):
 * графитово-зелёный, изумруд, латунь. Светлая тема — по умолчанию,
 * тёмная — системной настройкой или data-theme на html. */

:root{
  /* --- цвет: светлая тема --- */
  --paper:#F4F6F4;--surface:#FFF;--surface-2:#EBEEEB;--surface-3:#E1E6E2;
  --ink:#14191A;--ink-2:#3C4644;--muted:#69736F;
  --rule:#D9DEDA;--rule-2:#C3CAC5;
  --accent:#12604A;--accent-soft:#12604A14;
  --brass:#8E6410;--brass-soft:#8E641014;
  --alarm:#A33025;--alarm-soft:#A3302514;
  --violet:#5B4B8A;--violet-soft:#5B4B8A14;
  --кнопка-текст:#FFF;   /* текст заливной кнопки: на изумруде */

  /* --- шрифт --- */
  --шрифт:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,sans-serif;
  --моно:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;

  /* --- размерная шкала (плотность «стандарт») --- */
  --текст:14px;          /* основной кегль */
  --текст-м:12.5px;      /* подписи и второстепенное */
  --текст-к:11px;        /* капс-заголовки таблиц и групп */
  --шаг:8px;             /* базовый модуль отступов */
  --контрол:34px;        /* высота кнопок и полей */
  --радиус:10px;--радиус-м:8px;--радиус-б:14px;

  /* --- слои и темп --- */
  --тень-1:0 8px 24px rgba(0,0,0,.10);
  --тень-2:0 18px 44px rgba(0,0,0,.22);
  --слой-верх:40;--слой-нав:50;--слой-лист:70;--слой-карточка:80;
  --слой-палитра:90;--слой-тост:100;
  --темп:.16s;--темп-лист:.22s;

  /* --- каркас --- */
  --нав-ширина:228px;--нав-узкая:60px;--верх-высота:54px;
  --контент-макс:1400px;--поле-страницы:calc(var(--шаг)*2.5);
  --лист-ширина:min(480px,94vw);
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#0D1211;--surface:#141A18;--surface-2:#1B2321;--surface-3:#212B28;
    --ink:#E3E9E5;--ink-2:#C0C9C4;--muted:#899691;
    --rule:#243029;--rule-2:#33423A;
    --accent:#5CC79C;--accent-soft:#5CC79C1F;
    --brass:#D3A24A;--brass-soft:#D3A24A1F;
    --alarm:#E0796C;--alarm-soft:#E0796C1F;
    --violet:#A493D6;--violet-soft:#A493D61F;
    --кнопка-текст:#0D1211;
    --тень-1:0 8px 24px rgba(0,0,0,.35);
    --тень-2:0 18px 44px rgba(0,0,0,.5);
  }
}
:root[data-theme="dark"]{
  --paper:#0D1211;--surface:#141A18;--surface-2:#1B2321;--surface-3:#212B28;
  --ink:#E3E9E5;--ink-2:#C0C9C4;--muted:#899691;
  --rule:#243029;--rule-2:#33423A;
  --accent:#5CC79C;--accent-soft:#5CC79C1F;
  --brass:#D3A24A;--brass-soft:#D3A24A1F;
  --alarm:#E0796C;--alarm-soft:#E0796C1F;
  --violet:#A493D6;--violet-soft:#A493D61F;
  --кнопка-текст:#0D1211;
  --тень-1:0 8px 24px rgba(0,0,0,.35);
  --тень-2:0 18px 44px rgba(0,0,0,.5);
}

/* --- три плотности: html[data-плотность] --- */
:root[data-плотность="компакт"]{
  --текст:13px;--текст-м:11.5px;--текст-к:10px;
  --шаг:6px;--контрол:30px;--радиус:8px;--радиус-м:7px;
}
:root[data-плотность="показ"]{
  --текст:15.5px;--текст-м:13.5px;--текст-к:12px;
  --шаг:11px;--контрол:40px;--радиус:12px;--радиус-м:10px;
}

/* --- базовая земля --- */
*{box-sizing:border-box}
html{scrollbar-gutter:stable}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--шрифт);font-size:var(--текст);line-height:1.5;
  -webkit-font-smoothing:antialiased}
.моно{font-family:var(--моно)}
:focus-visible{outline:2px solid var(--accent);outline-offset:1px}