/* ── WS Dark — общий стиль всего дашборда (Влад, 30.10.2026: «стилистика очень нравится, градиенты с зелёного в прибыли —
   примени по всему дашборду, всем вкладкам, задачам, рабочим пространствам»). Образец — «Взаиморасчёты» (web/settle.html).
   Подключается последним на каждой странице (/theme.css). Цвета — через те же переменные, что у страниц (--bg, --card…),
   поэтому страницы почти не трогаем. Светлая тема, выбранная кнопкой в шапке (localStorage theme=light), остаётся как была:
   всё ниже — только для html без data-theme="light". Селектор с :not(#_) — чтобы перебить темы самих страниц. */

html:root:not([data-theme="light"]):not(#_){
  color-scheme:dark;
  --bg:#0a0e17; --card:#111827; --card-solid:#111827; --card2:#172033;
  --soft:rgba(139,124,255,.12); --line:rgba(148,163,184,.12); --line-soft:rgba(148,163,184,.08);
  --tile:#111827; --tile-line:rgba(148,163,184,.12); --block:transparent; --block-line:rgba(148,163,184,.1);
  --text:#eef2ff; --dim:#b3bdd4; --faint:#717c99;
  --accent:#8b7cff; --accent-2:#b39dff; --accent-soft:rgba(139,124,255,.16);
  --good:#34d399; --warn:#fb7185; --info:#8b7cff; --bad:#fb7185; --amber:#fbbf24;
  --shadow:0 1px 2px rgba(0,0,0,.45),0 10px 30px rgba(0,0,0,.35); --shadow-lg:0 18px 50px rgba(0,0,0,.55);
  --glass:saturate(140%) blur(18px); --glass-hi:inset 0 1px 0 rgba(255,255,255,.04);
  --font:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif; --display:Inter,system-ui,sans-serif;
  --ws-good-grad:linear-gradient(140deg,rgba(52,211,153,.16),rgba(17,24,39,0) 62%);
  --ws-acc-grad:linear-gradient(140deg,rgba(139,124,255,.22),rgba(17,24,39,0) 65%);
  --ws-bad-grad:linear-gradient(140deg,rgba(251,113,133,.14),rgba(17,24,39,0) 62%);
  --ws-btn:linear-gradient(180deg,#9a8cff,#7563f5);
}

html:root:not([data-theme="light"]) body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important;
  font-feature-settings:'tnum' 1,'cv11' 1;
  background:radial-gradient(900px 520px at 0% -10%,rgba(139,124,255,.14),transparent 60%),
             radial-gradient(760px 420px at 100% 0%,rgba(52,211,153,.07),transparent 60%),#0a0e17!important;
  background-attachment:fixed!important;color:var(--text);
}
html:root:not([data-theme="light"]) body::before{background:none!important}
html:root:not([data-theme="light"]) :is(input,select,textarea,button){font-family:inherit}
html:root:not([data-theme="light"]) :is(h1,h2,h3){letter-spacing:-.02em}
html:root:not([data-theme="light"]) h1{font-weight:800}

/* ── поля ввода ── */
html:root:not([data-theme="light"]) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){
  background-color:var(--bg);border-color:var(--line);color:var(--text)}
html:root:not([data-theme="light"]) :is(input,select,textarea):focus{outline:2px solid rgba(139,124,255,.55);outline-offset:0;border-color:transparent}
html:root:not([data-theme="light"]) input[type=checkbox]{accent-color:var(--accent)}

/* Ниже до «главной» — только рабочие области (класс ws-sub ставит скрипт темы на их страницах). */
/* ── кнопки: главная — градиент, вторичная — тёмная ── */
html.ws-sub:root:not([data-theme="light"]) button.b,html.ws-sub:root:not([data-theme="light"]) .btn-primary{
  background:var(--ws-btn)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 4px 14px rgba(117,99,245,.35)}
html.ws-sub:root:not([data-theme="light"]) button.g{background:var(--card2);border-color:var(--line);color:var(--dim)}
html.ws-sub:root:not([data-theme="light"]) button.g:hover{color:var(--text);border-color:rgba(139,124,255,.4)}

/* ── вкладки рабочих областей (общий шаблон досок) ── */
html.ws-sub:root:not([data-theme="light"]) .tabs{background:transparent;border:0;padding:0;gap:6px}
html.ws-sub:root:not([data-theme="light"]) .tabs .tab{background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--dim)}
html.ws-sub:root:not([data-theme="light"]) .tabs .tab.on{background:var(--card2);color:var(--text);border-color:rgba(139,124,255,.5);box-shadow:0 0 0 3px rgba(139,124,255,.12)}
html.ws-sub:root:not([data-theme="light"]) .home{background:transparent;border-color:var(--line);color:var(--dim)}

/* ── карточки и списки ── */
html.ws-sub:root:not([data-theme="light"]) :is(.card,.list,.kpi,.box,.empty,.pc,.bal,.sc2,.cat,.panel,.tile,.tablewrap){border-color:var(--line)}
html.ws-sub:root:not([data-theme="light"]) :is(.card,.kpi,.sc2,.pc){border-radius:16px}
html.ws-sub:root:not([data-theme="light"]) .card:hover{box-shadow:0 0 0 1px rgba(139,124,255,.38),0 10px 30px rgba(0,0,0,.35)}
html.ws-sub:root:not([data-theme="light"]) .kpi b{font-weight:800;letter-spacing:-.02em}
html.ws-sub:root:not([data-theme="light"]) .kpi:first-child{background:var(--ws-acc-grad),var(--card)}
html.ws-sub:root:not([data-theme="light"]) .hint{background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.25);color:var(--dim)}
html.ws-sub:root:not([data-theme="light"]) :is(.r,.pr,.rl,.pr2){border-top-color:var(--line)}
html.ws-sub:root:not([data-theme="light"]) :is(.r,.rl,.pr2)[data-edit]:hover{background:var(--card2)}

/* ── значения: плюс — зелёный, минус — коралловый ── */
html.ws-sub:root:not([data-theme="light"]) :is(.pos,.ok,.good,.up){color:var(--good)}
html.ws-sub:root:not([data-theme="light"]) .chip{background:var(--soft);color:var(--accent)}
html.ws-sub:root:not([data-theme="light"]) .chip.ok{background:rgba(52,211,153,.13);color:var(--good)}
html.ws-sub:root:not([data-theme="light"]) :is(.chip.w,.chip.no,.chip.bad){background:rgba(251,113,133,.13);color:var(--bad)}

/* ── таблицы ── */
html.ws-sub:root:not([data-theme="light"]) th{background:var(--card2)!important;color:var(--faint);font-weight:600;letter-spacing:.03em}
html.ws-sub:root:not([data-theme="light"]) :is(td,th){border-color:var(--line)}

/* ── выезжающие панели и модалки ── */
html.ws-sub:root:not([data-theme="light"]) :is(.dr,.drawer>aside,.modal,.sheet){background:var(--card2);box-shadow:-20px 0 60px rgba(0,0,0,.5)}
html.ws-sub:root:not([data-theme="light"]) .scrim{background:rgba(3,6,12,.6);backdrop-filter:blur(2px)}

/* ── главная страница (web/index.html) — как «Взаиморасчёты» (Влад, 30.10.2026: «всё то же самое — везде, точно так же»):
   вкладки и переключатели — таблетки, плитки — крупные цифры с подписью капсом и зелёным градиентом у первой. ── */
html:root:not(.ws-sub):not([data-theme="light"]) header{background:rgba(10,14,23,.8)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:saturate(140%) blur(18px)}
html:root:not(.ws-sub):not([data-theme="light"]) :is(.panel,.tile,.tablewrap){border-radius:18px;border-color:var(--line);box-shadow:none}
html:root:not(.ws-sub):not([data-theme="light"]) .panel{background:var(--card)}
html:root:not(.ws-sub):not([data-theme="light"]) .panel h3{font-family:var(--font);font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--text)}
/* вкладки разделов */
html:root:not(.ws-sub):not([data-theme="light"]) nav.more{gap:6px;padding:2px 0 12px}
html:root:not(.ws-sub):not([data-theme="light"]) :is(nav.more,#nav) .tab{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 14px;color:var(--dim);font-weight:600;margin:0 2px}
html:root:not(.ws-sub):not([data-theme="light"]) :is(nav.more,#nav) .tab:hover{color:var(--text);border-color:rgba(139,124,255,.35)}
html:root:not(.ws-sub):not([data-theme="light"]) :is(nav.more,#nav) .tab.on{background:var(--card2);color:var(--text);border-color:rgba(139,124,255,.55);box-shadow:0 0 0 3px rgba(139,124,255,.12)}
/* подвкладки — сегмент-таблетка */
html:root:not(.ws-sub):not([data-theme="light"]) .tabsrow{display:inline-flex;max-width:100%;gap:2px;border:1px solid var(--line);background:var(--card);border-radius:99px;padding:3px}
html:root:not(.ws-sub):not([data-theme="light"]) .tabsrow .tab{border:0;border-radius:99px;padding:6px 14px;color:var(--faint);font-weight:600}
html:root:not(.ws-sub):not([data-theme="light"]) .tabsrow .tab.on{background:var(--card2);color:var(--text);border:0}
html:root:not(.ws-sub):not([data-theme="light"]) .tabsrow.subnav{margin:14px 0 16px;scrollbar-width:none}
@media (max-width:700px){
  /* на телефоне подвкладки не прячем за край — переносим строкой (Влад, 30.10.2026: «вёрстку подправь», ФОП) */
  html:root:not(.ws-sub):not([data-theme="light"]) .tabsrow.subnav{display:flex;flex-wrap:wrap;overflow:visible;border-radius:16px;gap:2px}
  html:root:not(.ws-sub):not([data-theme="light"]) .tabsrow.subnav .tab{flex:0 0 auto;padding:7px 12px;font-size:13px}
}
/* периоды и кнопки шапки */
html:root:not(.ws-sub):not([data-theme="light"]) .chips{gap:4px}
html:root:not(.ws-sub):not([data-theme="light"]) .chip{background:var(--card);border-color:var(--line);color:var(--dim);border-radius:99px;font-weight:600}
html:root:not(.ws-sub):not([data-theme="light"]) .chip.on{background:var(--ws-btn);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(117,99,245,.35)}
html:root:not(.ws-sub):not([data-theme="light"]) .hidebtn{background:var(--card2);border-color:var(--line);color:var(--dim);border-radius:99px}
html:root:not(.ws-sub):not([data-theme="light"]) .hidebtn.on{background:var(--ws-btn);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(117,99,245,.35)}
/* плитки показателей */
html:root:not(.ws-sub):not([data-theme="light"]) .tiles{gap:12px}
html:root:not(.ws-sub):not([data-theme="light"]) .tile{background:var(--card);padding:16px 18px}
html:root:not(.ws-sub):not([data-theme="light"]) .tile .tl{text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:600;color:var(--faint)}
html:root:not(.ws-sub):not([data-theme="light"]) .tile .tv{font-family:var(--font);font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--text)}
html:root:not(.ws-sub):not([data-theme="light"]) .tile .tv small{color:var(--faint)}
html:root:not(.ws-sub):not([data-theme="light"]) .tiles > .tw:first-child .tile:not(.wait),html:root:not(.ws-sub):not([data-theme="light"]) .tiles > .tile:first-child:not(.wait){background:var(--ws-good-grad),var(--card)}
html:root:not(.ws-sub):not([data-theme="light"]) .tile.alert{background:var(--ws-bad-grad),var(--card)}
html:root:not(.ws-sub):not([data-theme="light"]) .tile[data-detail]:hover,html:root:not(.ws-sub):not([data-theme="light"]) .panel[data-detail]:hover{border-color:rgba(139,124,255,.45)}
/* таблицы */
html:root:not(.ws-sub):not([data-theme="light"]) th{text-transform:uppercase;font-size:11px;letter-spacing:.05em}

/* ── скроллбары ── */
html:root:not([data-theme="light"]) *{scrollbar-color:rgba(148,163,184,.25) transparent}