:root{
  --bg:#f3f5fa; --panel:#fff; --panel2:#f7f9fc; --line:#e4e8f1; --line2:#d3dae8;
  --tx:#131a2b; --dim:#5d6a83; --dim2:#8b97ad;
  --ac:#3b82f6; --ac2:#1d4ed8; --ok:#0f9d63; --warn:#c07c0a; --bad:#dc2626; --vio:#8b5cf6;
  --r:12px; --r2:16px; --sh:0 1px 2px rgba(16,24,40,.05),0 4px 14px rgba(16,24,40,.05);
  --sh2:0 2px 6px rgba(16,24,40,.08),0 12px 30px rgba(16,24,40,.08);
  --mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--tx);font:14px/1.55 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--ac2);text-decoration:none}
h1,h2,h3,h4{margin:0;font-weight:680;letter-spacing:-.015em;color:#0c1220}
/* ---------- shell: навигация сверху, контент на всю ширину ---------- */
.hd{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(16,24,40,.02)}
.hd-in{max-width:1360px;margin:0 auto;padding:12px 26px 0}
.hd-top{display:flex;align-items:center;gap:14px}
.brand{display:flex;align-items:center;gap:10px}
.brand .lg{width:32px;height:32px;border-radius:10px;background:var(--accent,linear-gradient(135deg,#3b82f6,#8b5cf6));display:grid;place-items:center;font-size:16px;box-shadow:0 3px 10px rgba(59,130,246,.3)}
.brand b{font-size:15px;letter-spacing:-.02em}
.brand .ver{font:10.5px var(--mono);color:var(--ac2);background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.22);padding:2px 7px;border-radius:20px}
.hd-act{margin-left:auto;display:flex;align-items:center;gap:9px}
.me{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--dim)}
.me .av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}
.grps{display:flex;gap:3px;margin-top:11px;overflow-x:auto;scrollbar-width:none}
.grps::-webkit-scrollbar{display:none}
.grp{background:none;border:0;font:600 13px inherit;color:var(--dim);padding:9px 14px 11px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:7px;border-radius:8px 8px 0 0}
.grp:hover{color:var(--tx);background:var(--panel2)}
.grp.on{color:var(--ac2);border-bottom-color:var(--ac)}
.grp .dot{min-width:17px;height:17px;padding:0 5px;border-radius:20px;background:var(--line);color:var(--dim);font:600 10.5px var(--mono);display:grid;place-items:center}
.grp .dot.hot{background:#fff3d6;color:#96690a}
.grp .dot.crit{background:#fde3e3;color:#b42318}
.subnav{max-width:1360px;margin:0 auto;padding:9px 26px 11px;display:flex;gap:7px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);background:var(--panel2)}
.ni{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line2);color:var(--dim);font:12.5px inherit;padding:5px 12px;border-radius:20px;cursor:pointer;box-shadow:0 1px 1px rgba(16,24,40,.03)}
.ni:hover{border-color:var(--ac);color:var(--ac2)}
.ni.on{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 3px 10px rgba(29,78,216,.28)}
.ni .cnt{font:10.5px var(--mono);padding:1px 6px;border-radius:20px;background:var(--panel2);border:1px solid var(--line);color:var(--dim)}
.ni.on .cnt{background:rgba(255,255,255,.22);border-color:transparent;color:#fff}
.ni .cnt.hot{background:#fff3d6;border-color:#f2d79a;color:#96690a}
.ni .cnt.crit{background:#fde3e3;border-color:#f6c4c4;color:#b42318}
.ni.on .cnt.hot,.ni.on .cnt.crit{background:rgba(255,255,255,.22);border-color:transparent;color:#fff}
.sub-lbl{font:10.5px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim2);margin-right:2px}
.wrap{max-width:1360px;margin:0 auto;padding:24px 26px 70px}
/* ---------- page head ---------- */
.page-head{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.page-head h1{font-size:26px;letter-spacing:-.035em}
.ph-sub{margin:4px 0 0;font-size:12.5px;color:var(--dim2)}
.ph-tools{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
/* ---------- controls ---------- */
.seg{display:flex;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:3px}
.seg-i{background:none;border:0;color:var(--dim);font:600 12.5px inherit;padding:5px 12px;border-radius:8px;cursor:pointer}
.seg-i:hover{color:var(--tx)}
.seg-i.on{background:#fff;color:var(--ac2);box-shadow:var(--sh)}
.btn{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line2);color:var(--tx);font:600 13px inherit;padding:8px 14px;border-radius:10px;cursor:pointer;white-space:nowrap;transition:.14s;box-shadow:0 1px 1px rgba(16,24,40,.03)}
.btn:hover{border-color:var(--ac);color:var(--ac2);transform:translateY(-1px);box-shadow:var(--sh)}
.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(29,78,216,.28)}
.btn-primary:hover{color:#fff;filter:brightness(1.07)}
.btn-danger{background:#fff5f5;border-color:#f6c9c9;color:#c02020}
.btn-danger:hover{background:#fee9e9;border-color:#ef9a9a;color:#a11212}
.btn-ghost{background:transparent;border-color:transparent;box-shadow:none}
.btn-ghost:hover{background:var(--panel2)}
.btn-xs{padding:5px 10px;font-size:12px;border-radius:8px}
.inp{background:#fff;border:1px solid var(--line2);border-radius:10px;color:var(--tx);font:13px inherit;padding:8px 11px;min-width:0;width:100%;box-shadow:0 1px 1px rgba(16,24,40,.02) inset}
.inp:focus{outline:0;border-color:var(--ac);box-shadow:0 0 0 3px rgba(59,130,246,.14)}
textarea.inp{resize:vertical;line-height:1.6}
select.inp{cursor:pointer}
/* ---------- kpi ---------- */
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));gap:14px;margin-bottom:24px}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--r2);padding:16px 17px 13px;position:relative;overflow:hidden;box-shadow:var(--sh);transition:.16s}
.kpi:hover{box-shadow:var(--sh2);transform:translateY(-2px)}
.kpi-l{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--dim2)}
.kpi-v{font:700 30px/1.1 var(--mono);margin:9px 0 5px;letter-spacing:-.035em;color:#0c1220}
.kpi-s{font-size:11.5px;color:var(--dim);line-height:1.45}
.kpi .spark{position:absolute;right:0;bottom:0;width:100%;height:38px;opacity:.55}
.kpi-good .kpi-v{color:#0a7d4f} .kpi-warn .kpi-v{color:#96690a} .kpi-bad .kpi-v{color:#b42318}
.kpi-good .spark{color:#0f9d63} .kpi-warn .spark{color:#e0a020} .kpi-bad .spark{color:#dc2626} .kpi-n .spark{color:#3b82f6}
/* 'ok' — синоним 'good': countPill() и KPI страниц «Агент»/«AI» возвращают именно 'ok'.
   Без этих правил зелёные показатели рисовались обычным тёмным цветом. */
.kpi-ok .kpi-v{color:#0a7d4f} .kpi-ok .spark{color:#0f9d63}
.spark path.l{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.spark path.f{fill:currentColor;opacity:.13;stroke:none}
/* ---------- sections ---------- */
.sect{margin-bottom:26px}
.sect-h{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.sect-t{font-size:17px}
.sect-hint{margin:4px 0 0;font-size:12.5px;color:var(--dim);max-width:74ch;line-height:1.5}
.sect-a{margin-left:auto;display:flex;gap:8px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh)}
.card.pad{padding:18px}
.card-h{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fcfdff)}
.card-h h3{font-size:14.5px}
.card-h .rates,.card-h .lnk{margin-left:auto;display:flex;gap:7px;align-items:center}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;margin-bottom:18px}
@media(max-width:1080px){.grid-2{grid-template-columns:1fr}}
/* ---------- tables ---------- */
.tbl-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--r2);overflow:auto;box-shadow:var(--sh)}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl thead th{position:sticky;top:0;background:var(--panel2);font:600 11px inherit;text-transform:uppercase;letter-spacing:.05em;color:var(--dim2);text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap;z-index:1}
.tbl td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tbody tr:last-child td{border-bottom:0}
.tbl tbody tr:nth-child(even){background:#fbfcfe}
.tbl tbody tr:hover{background:#f2f7ff}
.tbl tr.clickable{cursor:pointer}
.tbl .num,.tbl .ta-r td,.ta-r{text-align:right}
td.num{font-family:var(--mono);font-size:12.5px}
.dim{color:var(--dim)} .sm{font-size:11.5px}
/* ---------- pills / bars ---------- */
.pill{display:inline-flex;align-items:center;gap:5px;font:600 11.5px inherit;padding:3px 10px;border-radius:20px;border:1px solid var(--line2);background:var(--panel2);color:var(--dim);white-space:nowrap}
.pill-ok,.pill-good{color:#0a7d4f;border-color:#a7e0c6;background:#e7f7ef}
.pill-warn{color:#96690a;border-color:#f2d79a;background:#fff6e2}
.pill-bad{color:#b42318;border-color:#f6c4c4;background:#fdecec}
.pill-n{color:#1d4ed8;border-color:#bcd4fb;background:#eaf2ff}
.pill-muted{color:var(--dim);border-color:var(--line2);background:var(--panel2)}
.bar{height:7px;background:var(--panel2);border:1px solid var(--line);border-radius:20px;overflow:hidden;min-width:60px;display:inline-block;width:100%;vertical-align:middle}
.bar i{display:block;height:100%;background:linear-gradient(90deg,#60a5fa,#2563eb);border-radius:20px}
.bar-warn i{background:linear-gradient(90deg,#f4c25c,#d69512)}
.bar-n{width:120px}
.big-bar .bar{height:11px;width:100%}
/* ---------- funnel ---------- */
.funnel-card{display:flex;flex-direction:column}
.funnel{display:flex;flex-direction:column;justify-content:space-evenly;gap:14px;padding:18px;flex:1;min-height:200px}
.fn-step{display:flex;flex-direction:column;gap:7px}
.fn-bar{display:block;height:22px;border-radius:7px;background:rgba(59,130,246,.14);border:1px solid rgba(59,130,246,.4)}
.fn-0{background:rgba(139,92,246,.16);border-color:rgba(139,92,246,.45)}
.fn-1{background:rgba(59,130,246,.16)}
.fn-2{background:rgba(15,157,99,.14);border-color:rgba(15,157,99,.4)}
.fn-3{background:rgba(15,157,99,.26);border-color:rgba(15,157,99,.55)}
.fn-t{font:600 12px var(--mono);color:#4a5872}
/* ---------- lists ---------- */
.kv{list-style:none;margin:0;padding:6px 0}
.kv li{display:flex;align-items:center;gap:12px;padding:9px 18px;font-size:13px}
.kv li+li{border-top:1px solid var(--line)}
.kv li span{color:var(--dim)}
.kv li b,.kv li .pill{margin-left:auto;font-family:var(--mono);font-size:12.5px;font-weight:600;color:#0c1220}
.feed{list-style:none;margin:0;padding:4px 0}
.feed li{display:flex;align-items:center;gap:11px;padding:10px 18px;font-size:13px;border-bottom:1px solid var(--line)}
.feed li:last-child{border-bottom:0}
.feed li:hover{background:#fbfcfe}
.feed-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--line2)}
.d-ok{background:var(--ok);box-shadow:0 0 0 3px rgba(15,157,99,.16)}
.d-bad{background:var(--bad);box-shadow:0 0 0 3px rgba(220,38,38,.14)}
.d-warn{background:var(--warn);box-shadow:0 0 0 3px rgba(245,158,11,.16)}
.feed-score{margin-left:auto;font:600 12.5px var(--mono);color:var(--ac2)}
.feed-time{font:11.5px var(--mono);min-width:92px;text-align:right}
.rank{list-style:none;margin:0;padding:6px 0}
.rank li{display:flex;align-items:center;gap:12px;padding:10px 18px;font-size:13px}
.rank li+li{border-top:1px solid var(--line)}
.rank b{width:22px;height:22px;border-radius:7px;background:var(--panel2);border:1px solid var(--line);display:grid;place-items:center;font:700 11px var(--mono);color:var(--dim)}
.rank li:first-child b{background:linear-gradient(135deg,#fde68a,#f59e0b);border-color:#f3cd7a;color:#7a4c00}
.rank.tall li{padding:12px 18px}
/* ---------- cards list ---------- */
.cards-list{display:grid;gap:12px}
.fb{background:var(--panel);border:1px solid var(--line);border-radius:var(--r2);padding:15px 17px;box-shadow:var(--sh);transition:.15s}
.fb:hover{box-shadow:var(--sh2);border-color:var(--line2)}
.fb-h{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.fb-t{margin:9px 0 0;font-size:13.5px;line-height:1.62;color:#22304a}
.fb-a{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.stars{color:#f59e0b;font-size:13px;letter-spacing:1.5px}
.stars i{color:var(--line2);font-style:normal}
/* ---------- forms ---------- */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:700px){.form-grid{grid-template-columns:1fr}}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.fld.wide{grid-column:1/-1}
.fld>span{font:600 11px inherit;text-transform:uppercase;letter-spacing:.05em;color:var(--dim2)}
.uc-h{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}
.uc-h h3{font-size:18px}
.uc-h .pill{margin-left:auto}
.uc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin-bottom:14px}
.uc-kpis .kpi{padding:12px 13px}
.uc-kpis .kpi-v{font-size:20px}
.uc-kpis .spark{display:none}
.uc-acts{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 10px}
.uc-acts .fld{flex:1;min-width:150px}
.uc-btns{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.mini-t{font:600 11px inherit;text-transform:uppercase;letter-spacing:.06em;color:var(--dim2);margin:18px 0 9px}
.pager{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--line);background:var(--panel2)}
.pager>span{margin-right:auto;font:12px var(--mono);color:var(--dim)}
.pager div{display:flex;gap:8px}
.opt{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:13px}
.opt>span{width:150px;color:var(--dim)}
.opt .bar{flex:1}
.opt b{font:600 12px var(--mono);width:92px;text-align:right}
.chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line2);border-radius:20px;padding:5px 12px;font:12.5px inherit;color:var(--tx);box-shadow:0 1px 1px rgba(16,24,40,.03)}
.chip i{color:var(--dim2);cursor:pointer;font-style:normal;font-weight:700}
.chip i:hover{color:var(--bad)}
.chip-inp{background:#fff;border:1px dashed var(--line2);border-radius:20px;padding:5px 12px;color:var(--dim2);font:12.5px inherit;min-width:150px}
.chip-inp:focus{outline:0;border-color:var(--ac);color:var(--tx)}
/* Чипы направления агентов (026): кликабельные переключатели категорий. */
.chip.tog{cursor:pointer;user-select:none}
.chip.tog.on{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 3px 10px rgba(29,78,216,.28)}
.switch-row{display:flex;align-items:center;gap:10px;font-size:13.5px;margin-bottom:8px;cursor:pointer}
.switch-row input{width:17px;height:17px;accent-color:var(--ac)}
.exp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(224px,1fr));gap:12px}
.exp{background:var(--panel);border:1px solid var(--line);border-radius:var(--r2);padding:15px 16px;display:flex;flex-direction:column;gap:7px;box-shadow:var(--sh);transition:.15s}
.exp:hover{box-shadow:var(--sh2);transform:translateY(-2px)}
.exp b{font-size:13.5px}
.exp .btn{margin-top:6px;justify-content:center}
.note{background:#fffaf0;border:1px solid #f2d79a;border-left:3px solid var(--warn);border-radius:var(--r);padding:13px 16px;font-size:13px;color:#6d4d09;line-height:1.62;margin-top:6px}
.note.sm{font-size:12px;margin-top:12px}
.lnk{cursor:pointer;font-weight:600;color:var(--ac2)}
.lnk:hover{text-decoration:underline}
/* ---------- переключатель фона панели (09.10.2026) ----------
   Выбор владельца: не одна тёмная тема, а переключатель на все фоны —
   светлая + три тёмных (A классическая, B чёрная, C фиолетовый акцент).
   Тёмные палитры — ниже, блоками html[data-theme="dark-*"]. */
.theme-seg{display:flex;gap:3px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:3px}
.theme-seg button{background:none;border:0;color:var(--dim);font:600 11.5px inherit;padding:4px 9px;border-radius:8px;cursor:pointer;white-space:nowrap}
.theme-seg button:hover{color:var(--tx)}
.theme-seg button.on{background:var(--panel);color:var(--ac2);box-shadow:var(--sh);border:1px solid var(--line)}
/* ---------- mobile ---------- */
@media(max-width:900px){
  .hd-in{padding:10px 14px 0}
  .subnav{padding:8px 14px 10px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .subnav::-webkit-scrollbar{display:none}
  .sub-lbl{display:none}
  .ni{flex:none}
  .wrap{padding:16px 14px 48px}
  .page-head h1{font-size:21px}
  .ph-tools{margin-left:0;width:100%}
  .kpi-grid{grid-template-columns:1fr 1fr;gap:10px}
  .kpi{padding:13px}
  .kpi-v{font-size:22px}
  .exp-grid{grid-template-columns:1fr}
  .me span{display:none}
  .tbl{font-size:12.5px}
  .tbl td,.tbl thead th{padding:10px 11px}
}
@media(max-width:520px){.kpi-grid{grid-template-columns:1fr}}

/* ============================================================
   ТЁМНЫЕ ТЕМЫ АДМИНКИ (09.10.2026, макет v4 одобрен владельцем).
   Переключатель в шапке: ☀️ Светлая / 🌙 A / 🌙 B / 🌙 C.
   A: классическая тёмная, синий акцент. B: глубокий чёрный (AMOLED).
   C: графит с фиолетовым акцентом.
   ============================================================ */

/* ---- A. Классическая тёмная ---- */
html[data-theme="dark-a"]{
  --bg:#0e1524; --panel:#182138; --panel2:#121a2e; --line:#263349; --line2:#34425e;
  --tx:#e8eef9; --dim:#93a4c4; --dim2:#62708f;
  --ac:#3b82f6; --ac2:#60a5fa; --ok:#34d399; --warn:#fbbf24; --bad:#f87171;
  --sh:0 1px 2px rgba(0,0,0,.35),0 4px 14px rgba(0,0,0,.35);
  --sh2:0 2px 6px rgba(0,0,0,.4),0 12px 30px rgba(0,0,0,.45);
}
html[data-theme="dark-a"] h1,html[data-theme="dark-a"] h2,html[data-theme="dark-a"] h3,html[data-theme="dark-a"] h4{color:#f2f6fd}
html[data-theme="dark-a"] .hd{background:rgba(14,21,36,.9);border-bottom-color:var(--line)}
html[data-theme="dark-a"] .ni,html[data-theme="dark-a"] .btn,html[data-theme="dark-a"] .inp,html[data-theme="dark-a"] .chip,html[data-theme="dark-a"] .chip-inp{background:var(--panel);border-color:var(--line2)}
html[data-theme="dark-a"] .seg-i.on{background:var(--panel)}
html[data-theme="dark-a"] .btn-danger{background:#3a1d1f;border-color:#5c2a2d;color:#f79b9b}
html[data-theme="dark-a"] .btn-danger:hover{background:#471f22;border-color:#7c3237;color:#fdaaaa}
html[data-theme="dark-a"] .kpi-v,html[data-theme="dark-a"] .kv li b,html[data-theme="dark-a"] .kv li .pill{color:#f2f6fd}
html[data-theme="dark-a"] .kpi-good .kpi-v,html[data-theme="dark-a"] .kpi-ok .kpi-v{color:#34d399}
html[data-theme="dark-a"] .kpi-warn .kpi-v{color:#fbbf24}
html[data-theme="dark-a"] .kpi-bad .kpi-v{color:#f87171}
html[data-theme="dark-a"] .card-h{background:linear-gradient(180deg,#1d2942,#182138)}
html[data-theme="dark-a"] .tbl tbody tr:nth-child(even),html[data-theme="dark-a"] .feed li:hover{background:#141d33}
html[data-theme="dark-a"] .tbl tbody tr:hover{background:#1c2a47}
html[data-theme="dark-a"] .pill-ok,html[data-theme="dark-a"] .pill-good{color:#6ee7b7;border-color:#1f5c46;background:#122b22}
html[data-theme="dark-a"] .pill-warn{color:#fcd34d;border-color:#5c4a17;background:#2b2410}
html[data-theme="dark-a"] .pill-bad{color:#fca5a5;border-color:#5c2727;background:#2b1515}
html[data-theme="dark-a"] .pill-n{color:#93c5fd;border-color:#26497c;background:#13233c}
html[data-theme="dark-a"] .fn-t{color:#a9b9d6}
html[data-theme="dark-a"] .fb-t{color:#dbe5f5}
html[data-theme="dark-a"] .note{background:#2b2410;border-color:#5c4a17;color:#fcd34d}
html[data-theme="dark-a"] .grp .dot.hot,html[data-theme="dark-a"] .ni .cnt.hot{background:#3a2f14;border-color:#5c4a17;color:#fbbf24}
html[data-theme="dark-a"] .grp .dot.crit,html[data-theme="dark-a"] .ni .cnt.crit{background:#3d1a1a;border-color:#5c2727;color:#f87171}
html[data-theme="dark-a"] .brand .lg,html[data-theme="dark-a"] .me .av{box-shadow:0 3px 10px rgba(59,130,246,.4)}

/* ---- B. Глубокий чёрный (AMOLED) ---- */
html[data-theme="dark-b"]{
  --bg:#05070b; --panel:#0d1118; --panel2:#090d14; --line:#1b2330; --line2:#293546;
  --tx:#f3f6fb; --dim:#93a0b5; --dim2:#5b6880;
  --ac:#3d8bfd; --ac2:#6aa6fd; --ok:#34d399; --warn:#fbbf24; --bad:#f87171;
  --sh:0 1px 2px rgba(0,0,0,.6),0 4px 14px rgba(0,0,0,.55);
  --sh2:0 2px 6px rgba(0,0,0,.65),0 12px 30px rgba(0,0,0,.6);
}
html[data-theme="dark-b"] h1,html[data-theme="dark-b"] h2,html[data-theme="dark-b"] h3,html[data-theme="dark-b"] h4{color:#f5f8fd}
html[data-theme="dark-b"] .hd{background:rgba(5,7,11,.92);border-bottom-color:var(--line)}
html[data-theme="dark-b"] .ni,html[data-theme="dark-b"] .btn,html[data-theme="dark-b"] .inp,html[data-theme="dark-b"] .chip,html[data-theme="dark-b"] .chip-inp{background:#0f141d;border-color:var(--line2)}
html[data-theme="dark-b"] .seg-i.on{background:#121926}
html[data-theme="dark-b"] .btn-danger{background:#331619;border-color:#52272a;color:#f79b9b}
html[data-theme="dark-b"] .btn-danger:hover{background:#3f1a1d;border-color:#6f3035;color:#fdaaaa}
html[data-theme="dark-b"] .kpi-v,html[data-theme="dark-b"] .kv li b,html[data-theme="dark-b"] .kv li .pill{color:#f5f8fd}
html[data-theme="dark-b"] .kpi-good .kpi-v,html[data-theme="dark-b"] .kpi-ok .kpi-v{color:#34d399}
html[data-theme="dark-b"] .kpi-warn .kpi-v{color:#fbbf24}
html[data-theme="dark-b"] .kpi-bad .kpi-v{color:#f87171}
html[data-theme="dark-b"] .card-h{background:linear-gradient(180deg,#131926,#0d1118)}
html[data-theme="dark-b"] .tbl tbody tr:nth-child(even),html[data-theme="dark-b"] .feed li:hover{background:#0a0e15}
html[data-theme="dark-b"] .tbl tbody tr:hover{background:#131a26}
html[data-theme="dark-b"] .pill-ok,html[data-theme="dark-b"] .pill-good{color:#6ee7b7;border-color:#1b513e;background:#0e241c}
html[data-theme="dark-b"] .pill-warn{color:#fcd34d;border-color:#4f3f13;background:#241e0d}
html[data-theme="dark-b"] .pill-bad{color:#fca5a5;border-color:#4f2222;background:#241111}
html[data-theme="dark-b"] .pill-n{color:#93c5fd;border-color:#20406b;background:#0f1c30}
html[data-theme="dark-b"] .fn-t{color:#8fa1c0}
html[data-theme="dark-b"] .fb-t{color:#dde6f6}
html[data-theme="dark-b"] .note{background:#241e0d;border-color:#4f3f13;color:#fcd34d}
html[data-theme="dark-b"] .grp .dot.hot,html[data-theme="dark-b"] .ni .cnt.hot{background:#33290f;border-color:#4f3f13;color:#fbbf24}
html[data-theme="dark-b"] .grp .dot.crit,html[data-theme="dark-b"] .ni .cnt.crit{background:#341414;border-color:#4f2222;color:#f87171}

/* ---- C. Графит + фиолетовый акцент ---- */
html[data-theme="dark-c"]{
  --bg:#131021; --panel:#1d1932; --panel2:#171329; --line:#2d2748; --line2:#3f3864;
  --tx:#eceaf8; --dim:#a39ec9; --dim2:#6f6a95;
  --ac:#8b5cf6; --ac2:#a78bfa; --ok:#34d399; --warn:#fbbf24; --bad:#f87171;
  --sh:0 1px 2px rgba(0,0,0,.4),0 4px 14px rgba(0,0,0,.4);
  --sh2:0 2px 6px rgba(0,0,0,.45),0 12px 30px rgba(0,0,0,.5);
}
html[data-theme="dark-c"] h1,html[data-theme="dark-c"] h2,html[data-theme="dark-c"] h3,html[data-theme="dark-c"] h4{color:#f4f2fd}
html[data-theme="dark-c"] .hd{background:rgba(19,16,33,.9);border-bottom-color:var(--line)}
html[data-theme="dark-c"] .ni,html[data-theme="dark-c"] .btn,html[data-theme="dark-c"] .inp,html[data-theme="dark-c"] .chip,html[data-theme="dark-c"] .chip-inp{background:var(--panel);border-color:var(--line2)}
html[data-theme="dark-c"] .seg-i.on{background:var(--panel)}
html[data-theme="dark-c"] .btn-danger{background:#3c1b28;border-color:#5e2a3f;color:#f79bb3}
html[data-theme="dark-c"] .btn-danger:hover{background:#4a1f30;border-color:#7e3552;color:#fdaabc}
html[data-theme="dark-c"] .kpi-v,html[data-theme="dark-c"] .kv li b,html[data-theme="dark-c"] .kv li .pill{color:#f4f2fd}
html[data-theme="dark-c"] .kpi-good .kpi-v,html[data-theme="dark-c"] .kpi-ok .kpi-v{color:#34d399}
html[data-theme="dark-c"] .kpi-warn .kpi-v{color:#fbbf24}
html[data-theme="dark-c"] .kpi-bad .kpi-v{color:#f87171}
html[data-theme="dark-c"] .card-h{background:linear-gradient(180deg,#241f40,#1d1932)}
html[data-theme="dark-c"] .tbl tbody tr:nth-child(even),html[data-theme="dark-c"] .feed li:hover{background:#191530}
html[data-theme="dark-c"] .tbl tbody tr:hover{background:#221d41}
html[data-theme="dark-c"] .pill-ok,html[data-theme="dark-c"] .pill-good{color:#6ee7b7;border-color:#1f5c46;background:#122b22}
html[data-theme="dark-c"] .pill-warn{color:#fcd34d;border-color:#5c4a17;background:#2b2410}
html[data-theme="dark-c"] .pill-bad{color:#fca5a5;border-color:#5c2727;background:#2b1515}
html[data-theme="dark-c"] .pill-n{color:#c4b5fd;border-color:#453283;background:#241a4a}
html[data-theme="dark-c"] .fn-t{color:#b9b3e0}
html[data-theme="dark-c"] .fb-t{color:#e3dff6}
html[data-theme="dark-c"] .note{background:#2b2410;border-color:#5c4a17;color:#fcd34d}
html[data-theme="dark-c"] .grp .dot.hot,html[data-theme="dark-c"] .ni .cnt.hot{background:#3a2f14;border-color:#5c4a17;color:#fbbf24}
html[data-theme="dark-c"] .grp .dot.crit,html[data-theme="dark-c"] .ni .cnt.crit{background:#3d1a1a;border-color:#5c2727;color:#f87171}
html[data-theme="dark-c"] .ni.on,html[data-theme="dark-c"] .btn-primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 3px 10px rgba(139,92,246,.35)}
html[data-theme="dark-c"] .chip.tog.on{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 3px 10px rgba(139,92,246,.35)}
html[data-theme="dark-c"] .brand .lg{background:linear-gradient(135deg,#8b5cf6,#4f46e5);box-shadow:0 3px 10px rgba(139,92,246,.45)}
html[data-theme="dark-c"] .me .av{background:linear-gradient(135deg,#8b5cf6,#4f46e5)}
html[data-theme="dark-c"] .brand .ver{color:var(--ac2);background:rgba(139,92,246,.16);border-color:rgba(167,139,250,.35)}