/* Eco DS — общий слой «стало» для 8 вкладок (песочница eco-unslop-all, polish mode).
   unslop by @heydamir (CC BY 4.0). Источник токенов: образец Задач work/run/after.html.
   Подключение: <link rel="stylesheet" href="../_ds/eco-ds.css"> последним в <head>, <html data-tab="<dir>">. */
:root{
  /* нейтральная тёплая шкала (бумага, известь, графит) */
  --n0:#FFFFFF;--n50:#F6F5F1;--n100:#EEEDE7;--n150:#F1F0EA;--n200:#E4E2DA;--n400:#9A9E97;--n500:#686D66;--n600:#5E655F;--n900:#1D211E;
  --bg:var(--n50);--surface:var(--n0);--ink:var(--n900);--sub:var(--n600);--mute:var(--n500);
  --line:rgba(29,33,30,.09);--line2:rgba(29,33,30,.16);--pill:var(--n100);
  /* смысловые цвета: только точкой и текстом */
  --ok:#3F7A55;--warn:#C08A2E;--bad:#B4472F;
  /* акцент по умолчанию = Задачи */
  --acc:#2F5D46;--accd:#244A37;--acct:#EBF4F0;--accr:rgba(47,93,70,.18);
  /* радиусы по размеру, сетка 4px */
  --r-xs:6px;--r-s:8px;--r-m:10px;--r-l:14px;--r-xl:16px;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;
  --font:'Figtree','Manrope',ui-sans-serif,system-ui,sans-serif;--mono:ui-monospace,Menlo,monospace;
  --ea-accent:var(--acc);--ea-ink:var(--ink);--ea-sub:var(--sub);--ea-line:var(--line2);--ea-bg:var(--surface)
}
/* 8 оттенков одного семейства: S≈33%, L≈27%, контраст с белым ≥7 */
html[data-tab=catalog]  {--acc:#2E575C;--accd:#244447;--acct:#EBF3F4;--accr:rgba(46,87,92,.18)}
html[data-tab=sup]      {--acc:#5C482E;--accd:#473824;--acct:#F4F0EB;--accr:rgba(92,72,46,.18)}
html[data-tab=checklist]{--acc:#565C2E;--accd:#434724;--acct:#F3F4EB;--accr:rgba(86,92,46,.18)}
html[data-tab=registry] {--acc:#2E465C;--accd:#243747;--acct:#EBF0F4;--accr:rgba(46,70,92,.18)}
html[data-tab=tasks]    {--acc:#2F5D46;--accd:#244A37;--acct:#EBF4F0;--accr:rgba(47,93,70,.18)}
html[data-tab=report]   {--acc:#2E345C;--accd:#242947;--acct:#EBECF4;--accr:rgba(46,52,92,.18)}
html[data-tab=walk]     {--acc:#5C372E;--accd:#472B24;--acct:#F4EDEB;--accr:rgba(92,55,46,.18)}
html[data-tab=checkin]  {--acc:#5C2E3A;--accd:#47242D;--acct:#F4EBEE;--accr:rgba(92,46,58,.18)}

/* база */
body{background:var(--bg)!important;color:var(--ink)!important;font-family:var(--font)!important;font-feature-settings:"tnum";-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font)!important;font-weight:600!important;letter-spacing:-.01em;color:var(--ink)}
b,strong{font-weight:600}
::selection{background:var(--accr)}
:focus-visible{outline:2px solid var(--acc)!important;outline-offset:2px}
input,select,textarea{accent-color:var(--acc)}
*{transition-property:color,background-color,border-color,opacity!important}

/* шапка: тихая, общая для всех вкладок */
header{background:var(--surface)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;backdrop-filter:none!important}
header .logo{font-family:var(--font)!important;font-weight:600!important;color:var(--ink)!important;letter-spacing:-.01em}
header .logo b{font-weight:600!important;color:var(--acc)!important}
.modes{background:var(--pill)!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:4px!important;gap:2px!important;box-shadow:none!important}
.modes a{border-radius:var(--r-s)!important;font-weight:500!important;color:var(--sub)!important;background:transparent!important;box-shadow:none!important}
.modes a:hover{color:var(--ink)!important}
.modes a.on,.modes a[aria-current]{background:var(--surface)!important;color:var(--ink)!important;box-shadow:0 0 0 1px var(--line)!important}
.modes a.on::after{content:"";display:inline-block;width:6px;height:6px;border-radius:3px;background:var(--acc);margin-left:6px;vertical-align:2px}
.hbtn,#langcur,#authbtn,.whob,#burger{border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--ink)!important;border-radius:var(--r-m)!important;box-shadow:none!important;font-weight:500!important}
#langdd,#authdd,#whodd{border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(29,33,30,.08)!important;background:var(--surface)!important}

/* примитивы: кнопки, поля, чипы, карточки (классы общие у вкладок) */
.btn,.gobtn,button.primary,.pgo{border-radius:var(--r-m)!important;box-shadow:none!important}
.gobtn,button.primary,.pgo,.btn.primary{background:var(--acc)!important;border-color:var(--acc)!important;color:#fff!important}
input[type=text],input[type=search],input[type=date],input[type=number],select,textarea{border:1px solid var(--line2)!important;border-radius:var(--r-m)!important;box-shadow:none!important;background-color:var(--surface)!important;color:var(--ink)}
input:focus,select:focus,textarea:focus{border-color:var(--acc)!important;box-shadow:0 0 0 3px var(--accr)!important}
.chip{border-radius:var(--r-xs)!important;background:var(--n150)!important;color:var(--sub)!important;border:0!important;box-shadow:none!important;font-weight:500!important}
.chip.on,.chip.active{background:var(--acct)!important;color:var(--accd)!important}
.card,.tcard,.pcard{border:1px solid var(--line)!important;border-radius:var(--r-l)!important;box-shadow:none!important;background:var(--surface)!important}

/* общие утилиты */
.ui-i{display:inline-block;vertical-align:-3px;color:currentColor;flex:none}
.ui-i.sub{color:var(--sub)}
.ui-dot{display:inline-block;width:8px;height:8px;border-radius:4px;background:var(--bad);vertical-align:1px}
.ui-dot.ok{background:var(--ok)}.ui-dot.warn{background:var(--warn)}.ui-dot.acc{background:var(--acc)}
.num,.tnum{font-family:var(--mono)!important;font-size:12px;color:var(--sub)}
@media(max-width:560px){.modes{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.modes::-webkit-scrollbar{display:none}.modes a{flex:0 0 auto}}
/* боковое меню: тень не выглядывает за край в закрытом виде */
#menu{box-shadow:none!important;border-left:1px solid var(--line)}