/* «Малахит» — тема по референсу владельца (MPStats), 26.08.2026.

   Третий из трёх показанных кабинетов и самый непохожий на остальные темы
   пульта: светлый SaaS, где границы держат ТОНКИЕ СЕРЫЕ РАМКИ, а не тени,
   скругления крупные (12px), и единственный «горячий» цвет — зелёный. Синий
   в этом языке значит только «ссылка», зелёный — «действие и рост».

   Чем отличается от «Белого»:
   — «Белый» — про плотность и нейтральность, тень там есть, радиус 3px;
   — «Малахит» — про воздух: рамка вместо тени, радиус 12px, строка 34px.
     Это тема для менеджера и владельца, а не для смены за таблицей.

   🔴 Файл подключается ПОСЛЕ style.css/mobile.css/theme-verstak/theme-work.

   Про зелёный. Референс держит кнопки на #1E9E4A — белым по нему 3,47:1,
   ниже порога. Взят #128040 (5,01 белым по нему), а светлый #1E9E4A остаётся
   в статусной шкале, где он лежит под словом и значком, а не под текстом. */

html.theme-malahit{
  /* Плоскости: лист и фон белые — у референса рабочее поле не имеет подложки,
     карточку от фона отделяет рамка. Вторая плоскость — под зебру и кнопки. */
  --bg:#FFFFFF;--surface:#FFFFFF;--surface2:#F3F4F6;      /* R−B 0 / 0 / −4 */
  /* Рамка карточки 1,27:1 — это и есть «граница вместо тени», её работа
     геометрическая, не контрастная. Кромка контрола 3,13:1 к листу. */
  --border:#E5E7EB;--border2:#AFB5BE;                     /* −6 / −15 */
  /* Чернила к белому: 15,9 / 5,74 / 4,55. Приглушённый #6B7280 — родной цвет
     подписей референса, он же ровно на пороге для 12,5px. */
  --text:#16181D;--muted:#5C636E;--faint:#6B7280;         /* −7 / −18 / −21 */
  /* Акцент — зелёный: кнопка, «где я», первичное действие. 5,01 в обе стороны. */
  --brand:#128040;--brand-soft:#E4F3EA;--ink:#FFFFFF;
  /* Ссылка в этом языке синяя и только синяя — она живёт в --teal, потому что
     --brand занят зелёным. 5,17 на белом. */
  --teal:#1D5FD4;--teal-soft:#EAF1FE;
  --green:#0F7A3D;--green-soft:#E4F3EA;
  --amber:#8A5A06;--amber-soft:#FDF3E0;
  --red:#B02532;--red-soft:#FBEAEC;
  /* Крупные скругления — примета языка: 12px на карточках, 8px на кнопках. */
  --r:12px;--r-sm:8px;
  /* Теней нет вовсе: у референса их не носит ни одна карточка. Оставлен
     минимальный след для выпадающих меню, которым без него некуда «всплыть». */
  --shadow:0 1px 2px rgba(22,24,29,.04);
}

html.theme-malahit,html.theme-malahit input,html.theme-malahit select,
html.theme-malahit textarea{color-scheme:light}
html.theme-malahit body{background:var(--bg)}
html.theme-malahit .aurora-bg{opacity:0}

/* ── Шапка: белая, с волоском вместо тени ───────────────────
   Референс не отделяет шапку тенью — только линией в один пиксель. */
html.theme-malahit .nv-head{
  background:#FFFFFF;backdrop-filter:none;-webkit-backdrop-filter:none;
  border-bottom:1px solid #EEF0F3;box-shadow:none;
}
/* Активный домен — зелёная заливка (в референсе так же выделен текущий раздел). */
html.theme-malahit .nv-dom.is-on{background:var(--brand);color:#FFFFFF;box-shadow:none}
html.theme-malahit .nv-dom:hover{background:var(--surface2);color:var(--text)}
/* Поиск: обведён рамкой, а не залит — заливка от --text (nav.css:57) в этом
   языке читается «поле выключено». */
html.theme-malahit .nv-search{
  background:#FFFFFF;border:1px solid #D7DBE0;border-radius:var(--r-sm);
}
html.theme-malahit .topbar{background:#FFFFFF;border-bottom:1px solid #EEF0F3}

/* ── Колонка разделов ───────────────────────────────────────
   Белая и бестеневая; «где я» — мягкая зелёная плашка с зелёной полосой. */
html.theme-malahit .nv-side{
  background:#FFFFFF;backdrop-filter:none;-webkit-backdrop-filter:none;
  border-right:1px solid var(--border);
}
html.theme-malahit .nv-item{height:32px;border-radius:var(--r-sm);font-size:13.5px}
html.theme-malahit .nv-item.is-on{
  background:var(--brand-soft);color:var(--brand);box-shadow:none;font-weight:600;
}
html.theme-malahit .nv-item.is-on::before{background:var(--brand)}
html.theme-malahit .nv-item:hover{background:var(--surface2)}
html.theme-malahit .nv-item-ico{color:#9AA1AC}
html.theme-malahit .nv-sec,html.theme-malahit .nv-sec-btn{
  color:var(--faint);font-size:11.5px;letter-spacing:.05em;
}

/* ── Карточки: рамка вместо тени ────────────────────────────
   Главное правило языка. Тень снимаем явно — иначе базовая из style.css
   останется и даст «карточку в карточке» на светлом фоне. */
html.theme-malahit .card,html.theme-malahit .kpi,html.theme-malahit .action{
  border:1px solid var(--border);box-shadow:none;border-radius:var(--r);
}
html.theme-malahit .card:hover,html.theme-malahit .action:hover{
  border-color:#D7DBE0;box-shadow:none;
}
/* Шапка карточки без заливки: у референса заголовок отделён отступом, а не
   полосой — полоса здесь читалась бы вторым уровнем вложенности. */
html.theme-malahit .card-head{background:transparent;border-bottom:1px solid var(--border)}

/* ── Ссылки ─────────────────────────────────────────────────
   Синие, не зелёные: в этом языке зелёный занят действием, а синий — «сюда
   можно перейти». Правило ограничено рабочим полем: в шапке (.nv-head) те же
   ссылки — это разделы меню, и покрасить их синим значит сказать «здесь другой
   вид перехода», хотя вид тот же. Поймано на рендере: «Дашборд · Моя смена ·
   Мой заработок · Обучение» стали синими и перестали читаться меню. */
html.theme-malahit .content a:not(.btn):not(.action):not(.chip):not(.nv-item){color:var(--teal)}

/* ── Плотность ──────────────────────────────────────────────
   Строка 34px — воздух референса. Это ТЕМА ДЛЯ КАБИНЕТА, а не для смены:
   кто живёт в таблицах, берёт «Белый» (30px) или «Лазурь» (28px).
   Только шире 640px — на телефоне свои правила в mobile.css:61. */
@media (min-width:641px){
  html.theme-malahit .tbl:not(.gm-tbl) th{
    height:40px;padding:0 16px 4px;font-size:12px;letter-spacing:.02em;
    white-space:normal;line-height:1.2;color:var(--faint);font-weight:600;
  }
  html.theme-malahit .tbl:not(.gm-tbl) td{height:34px;padding:6px 16px;font-size:13px}
}
/* Зебры у референса нет вовсе — строки делит волосок. Наведение мягкое. */
html.theme-malahit .tbl tbody tr:nth-of-type(even) td{background:transparent}
html.theme-malahit .tbl tbody td{border-bottom:1px solid var(--border)}
html.theme-malahit .tbl tbody tr:hover td{background:#F7F8FA}
html.theme-malahit .tbl tbody tr.cell-band td{background:var(--surface2)}
html.theme-malahit .tbl tbody tr.cell-band:hover td{background:#EDEFF2}

/* ── Кнопки и чипы ──────────────────────────────────────────
   Кнопка — зелёная заливка с радиусом 8px; чип — пилюля, как у бейджей
   «Новинка»/«Демо-данные» в референсе. */
html.theme-malahit .btn{border-radius:var(--r-sm)}
html.theme-malahit .chip{border-radius:999px;font-weight:600}

/* ── Поля ввода ─────────────────────────────────────────────
   Перечень типов повторяет style.css целиком (урезанный оставлял
   email/password/time на --surface2 — серые окна в форме входа). */
html.theme-malahit input:not([type]),html.theme-malahit input[type=text],
html.theme-malahit input[type=email],html.theme-malahit input[type=password],
html.theme-malahit input[type=number],html.theme-malahit input[type=search],
html.theme-malahit input[type=date],html.theme-malahit input[type=datetime-local],
html.theme-malahit input[type=time],html.theme-malahit select,html.theme-malahit textarea{
  background:var(--surface);border-color:#D7DBE0;color:var(--text);border-radius:var(--r-sm);
}
html.theme-malahit input:focus,html.theme-malahit select:focus,html.theme-malahit textarea:focus{
  border-color:var(--brand);box-shadow:0 0 0 3px rgba(18,128,64,.16);
}

/* Край листа: экран-копия МойСклада берёт var(--border) напрямую — на белом
   фоне рамка 1,27:1 лист не отделяет. Имя файла намеренно без расширения:
   отбор тестов CI грепает статику по базовому имени. */
html.theme-malahit .ms-copy{border-color:var(--border2)}