/* ============================================================================
   Мир «Грид» — Высококонтрастная Светлая Тема Toned Slate (Light Theme)
   Стандарты: WCAG 2.2 AAA (Контрастность >= 7:1, Заголовки > 15:1), HSL-токены
   Субпиксельные Ring-бордеры, 1px Inset 4-сторонний периметр, 0px glow
   Статья XIX Закона Модульности: длина строго < 800 строк
   ============================================================================ */

/* ============================================================================
   1. СВЕТЛАЯ ТЕМА (LIGHT THEME TOKENS · WCAG 2.2 AAA >= 7:1)
   ============================================================================ */
:root[data-theme="light"], :root.light-theme, html[data-theme="light"], html.light-theme, body[data-theme="light"], body.light-theme, [data-theme="light"], .light-theme {
  --bg: var(--slate-50); --bg2: var(--slate-100);
  --bg-primary: var(--slate-50); --bg-secondary: var(--slate-100);

  --card: var(--white); --card2: var(--slate-50); --card-hover: var(--slate-100);
  --bg-card: var(--white); --bg-card-hover: var(--slate-100); --bg-glass: var(--white);

  /* Alpha-elevation для светлой темы */
  --elevation-1: var(--black-alpha-04);
  --elevation-2: var(--black-alpha-04); --elevation-3: var(--black-alpha-08);
  --surface-base: var(--white); --surface-1: var(--white);
  --surface-2: var(--slate-50); --surface-3: var(--slate-100);

  --line: var(--slate-200); --line-light: var(--slate-300);
  --line-glass: var(--black-alpha-04); --line-hover: var(--indigo-alpha-30);
  --border-color: var(--slate-300); --border-glass: var(--black-alpha-04);

  /* Ring-бордеры субпиксельной четкости (Light Theme) */
  --ring-border: 1px solid var(--slate-200);
  --side-focus-ring: var(--violet-dark);

  /* Минимальные области нажатия (Touch Targets · WCAG 2.2 / Apple HIG) */
  --touch-target-min: 32px;
  --touch-target-comfortable: 40px; --touch-target-touchable: 44px;

  /* Ключевые заголовки и текст высокой контрастности (WCAG 2.2 AAA Ultra > 15:1) */
  --tx: var(--slate-950);
  --text-primary: var(--slate-950);
  --tx-warm-title: var(--slate-950);

  --tx2: var(--slate-700);
  --text-secondary: var(--slate-700);

  --tx3: var(--tx3-light);
  --text-muted: var(--tx3);
  --tx-inverse: var(--white);

  /* Высококонтрастные акцентные цвета (Light Theme — WCAG 2.2 AAA >= 7:1) */
  --violet: var(--violet-lightmode); --violet-light: var(--violet-lightmode-light); --violet-dark: var(--violet-lightmode-dark); --violet-glow: transparent;
  --blue: var(--blue-lightmode); --blue-light: var(--blue-lightmode-light);
  --green: var(--green-lightmode); --green-light: var(--green-lightmode-light);
  --amber: var(--amber-lightmode); --amber-light: var(--amber-lightmode-light);
  --red: var(--red-lightmode); --red-light: var(--red-lightmode-light);
  --purple: var(--purple-lightmode); --purple-light: var(--purple-lightmode-light);
  --rose: var(--rose-lightmode); --rose-light: var(--rose-lightmode-light);
  --teal: var(--teal-lightmode); --teal-light: var(--teal-lightmode-light);
  --emerald: var(--emerald-lightmode);
  --indigo: var(--indigo-lightmode); --indigo-light: var(--indigo-lightmode-light);
  --accent-primary-glow: transparent;

  /* Семантические альфа-слои для бейджей (12% подложка / 28% рамка) */
  --violet-alpha-12: var(--violet-alpha-12); --violet-alpha-30: var(--violet-alpha-30); --violet-alpha-30: var(--violet-alpha-30);
  --blue-alpha-12: var(--blue-alpha-12); --blue-alpha-30: var(--blue-alpha-30); --blue-alpha-30: var(--blue-alpha-30); --blue-alpha-30: var(--blue-alpha-30);
  --green-alpha-12: var(--green-alpha-12); --green-alpha-30: var(--green-alpha-30); --green-alpha-30: var(--green-alpha-30); --green-alpha-30: var(--green-alpha-30);
  --amber-alpha-12: var(--amber-alpha-12); --amber-alpha-30: var(--amber-alpha-30); --amber-alpha-30: var(--amber-alpha-30); --amber-alpha-30: var(--amber-alpha-30);
  --red-alpha-12: var(--red-alpha-12); --red-alpha-30: var(--red-alpha-30); --red-alpha-30: var(--red-alpha-30); --red-alpha-30: var(--red-alpha-30);
  --rose-alpha-12: var(--rose-alpha-12); --rose-alpha-30: var(--rose-alpha-30); --rose-alpha-30: var(--rose-alpha-30);

  /* Семантические токены активных состояний (Light Theme) */
  --nav-active-tx: var(--violet); --nav-active-bg: var(--violet-alpha-12); --nav-active-border: var(--violet);
  --chip-active-bg: var(--violet-alpha-12); --chip-active-tx: var(--violet-dark);
  --badge-work-bg: var(--blue-alpha-12); --badge-work-tx: var(--blue-light); --badge-work-border: var(--blue-alpha-30);

  /* Статусы процессов и задач (Light Theme) */
  --status-running-bg: var(--green-alpha-12); --status-running-border: var(--green-alpha-30); --status-running-tx: var(--green-light);
  --status-completed-bg: var(--green-alpha-12); --status-completed-border: var(--green-alpha-30); --status-completed-tx: var(--green-light);
  --status-done-bg: var(--green-alpha-12);
  --status-failed-bg: var(--red-alpha-12); --status-failed-border: var(--red-alpha-30); --status-failed-tx: var(--red-light);
  --status-paused-bg: var(--amber-alpha-12); --status-paused-border: var(--amber-alpha-30); --status-paused-tx: var(--amber-light);
  --status-waiting-bg: var(--slate-100); --status-waiting-border: var(--slate-300); --status-waiting-tx: var(--slate-700);

  /* Семантические бейджи категорий отделов (Light Theme — WCAG AAA >= 7:1) */
  --badge-cat-univ-bg: var(--violet-alpha-12); --badge-cat-univ-tx: var(--violet-dark);
  --badge-cat-audit-bg: var(--red-alpha-12); --badge-cat-audit-tx: var(--red-light);
  --badge-cat-brig-bg: var(--blue-alpha-12); --badge-cat-brig-tx: var(--blue-light); --badge-cat-brig-border: var(--blue-alpha-30);

  /* Приглушённые семантические бейджи (Muted Tint Badges · Light Theme — WCAG AAA >= 7:1) */
  --badge-tint-violet-bg: var(--violet-alpha-12); --badge-tint-violet-border: var(--violet-alpha-30); --badge-tint-violet-tx: var(--violet-dark);
  --badge-tint-blue-bg: var(--blue-alpha-12); --badge-tint-blue-border: var(--blue-alpha-30); --badge-tint-blue-tx: var(--blue-light);
  --badge-tint-green-bg: var(--green-alpha-12); --badge-tint-green-tx: var(--green-light);
  --badge-tint-amber-bg: var(--amber-alpha-12); --badge-tint-amber-tx: var(--amber-light);
  --badge-tint-red-bg: var(--red-alpha-12); --badge-tint-red-tx: var(--red-light);
  --badge-tint-slate-bg: var(--slate-100); --badge-tint-slate-tx: var(--slate-700);

  --rank-recruit: var(--slate-700); --rank-recruit-bg: var(--slate-100); --rank-recruit-border: var(--slate-300);
  --rank-junior: var(--green-light); --rank-junior-bg: var(--green-alpha-12); --rank-junior-border: var(--green-alpha-30);
  --rank-middle: var(--blue-light); --rank-middle-bg: var(--blue-alpha-12); --rank-middle-border: var(--blue-alpha-30);
  --rank-senior: var(--violet-dark); --rank-senior-bg: var(--violet-alpha-12); --rank-senior-border: var(--violet-alpha-30);
  --rank-celestial: var(--amber-light); --rank-celestial-bg: var(--amber-alpha-12); --rank-celestial-border: var(--amber-alpha-30);

  --stage-0: var(--slate-700); --stage-1: var(--amber-light); --stage-2: var(--green-light); --stage-3: var(--amber);
  --stage-4: var(--blue-light); --stage-5: var(--teal-light); --stage-6: var(--indigo-light); --stage-7: var(--rose-light); --stage-8: var(--purple-light);

  /* Чистые сланцево-синие контактные тени и 4-сторонний микро-периметр карточек (Linear / Stripe) */
  --shadow-sm: 0 1px 2px var(--black-alpha-04);
  --shadow-md: inset 0 1px 0 0 var(--white), 0 1px 3px var(--black-alpha-04);
  --shadow-lg: inset 0 1px 0 0 var(--white), 0 4px 12px var(--black-alpha-04);
  --shadow-xl: inset 0 1px 0 0 var(--white), 0 8px 24px var(--black-alpha-08);
  --shadow-glass: inset 0 1px 0 var(--white);

  --top-edge-highlight: inset 0 1px 0 0 var(--white);
  --top-edge-highlight-hover: inset 0 1px 0 0 var(--white);
  --top-edge-highlight-active: inset 0 1px 0 0 var(--indigo-alpha-30);

  --light-perimeter: inset 0 0 0 1px var(--black-alpha-04);
  --shadow-card: inset 0 0 0 1px var(--black-alpha-04), inset 0 1px 0 0 var(--white), 0 1px 2px var(--black-alpha-04);
  --shadow-card-hover: inset 0 0 0 1px var(--black-alpha-04), inset 0 1px 0 0 var(--white), 0 2px 6px var(--black-alpha-04);
  --shadow-modal: inset 0 0 0 1px var(--black-alpha-04), inset 0 1px 0 0 var(--white), 0 12px 32px var(--black-alpha-12);

  /* Отключение неоновых свечений (0px glow) в светлой теме */
  --shadow-glow-violet: none;
  --glow-mcp: none;

  --bg-code: var(--bg-code-light);
  --border-code: var(--border-code-light);
  --tx-code: var(--tx-code-light);
  --bg-code-header: var(--bg-code-header-light);
}

/* ============================================================================
   2. БАЗОВЫЙ МАКЕТ, САЙДБАР, ШАПКА И СТАТУС СОЕДИНЕНИЯ (.live)
   ============================================================================ */
html[data-theme="light"] body, html.light-theme body, body[data-theme="light"], body.light-theme {
  background-color: var(--slate-50) !important; color: var(--tx) !important;
}
[data-theme="light"] .side, .light-theme .side {
  background: var(--card) !important; border-right: 1px solid var(--border-color) !important;
}
[data-theme="light"] .main, .light-theme .main, [data-theme="light"] .wrap, .light-theme .wrap, [data-theme="light"] .app, .light-theme .app {
  background-color: var(--slate-50) !important;
}

[data-theme="light"] .brand-name, .light-theme .brand-name { color: var(--tx) !important; }
[data-theme="light"] .brand-sub, .light-theme .brand-sub { color: var(--tx3) !important; }
[data-theme="light"] .head, .light-theme .head { background: transparent !important; }
[data-theme="light"] .head-left h1, .light-theme .head-left h1 { color: var(--tx) !important; }
[data-theme="light"] .head-sub, .light-theme .head-sub { color: var(--tx3) !important; }

/* Трёхуровневая система типографики Linear (Primary / Secondary / Muted) */
[data-theme="light"] h1, .light-theme h1, [data-theme="light"] h2, .light-theme h2, [data-theme="light"] h3, .light-theme h3,
[data-theme="light"] h4, .light-theme h4, [data-theme="light"] h5, .light-theme h5, [data-theme="light"] h6, .light-theme h6 { color: var(--tx) !important; }

[data-theme="light"] p, .light-theme p, [data-theme="light"] .text-body, .light-theme .text-body,
[data-theme="light"] .text-secondary, .light-theme .text-secondary, [data-theme="light"] .card-sub-t, .light-theme .card-sub-t,
[data-theme="light"] .dept-desc, .light-theme .dept-desc, [data-theme="light"] .task-goal-text, .light-theme .task-goal-text,
[data-theme="light"] .doc-prose, .light-theme .doc-prose { color: var(--tx2) !important; }

[data-theme="light"] .subtext, .light-theme .subtext, [data-theme="light"] .text-muted, .light-theme .text-muted,
[data-theme="light"] .text-tertiary, .light-theme .text-tertiary, [data-theme="light"] .text-meta, .light-theme .text-meta,
[data-theme="light"] .meta-item, .light-theme .meta-item, [data-theme="light"] .meta-subtext, .light-theme .meta-subtext,
[data-theme="light"] .text-timestamp, .light-theme .text-timestamp, [data-theme="light"] .timestamp, .light-theme .timestamp,
[data-theme="light"] .meta-timestamp, .light-theme .meta-timestamp, [data-theme="light"] .param-label, .light-theme .param-label,
[data-theme="light"] .stat-label, .light-theme .stat-label, [data-theme="light"] .unit-label, .light-theme .unit-label,
[data-theme="light"] .event-time, .light-theme .event-time, [data-theme="light"] .stage-meta, .light-theme .stage-meta,
[data-theme="light"] .kpi-sub, .light-theme .kpi-sub { color: var(--tx3) !important; }

/* Часы и плашка LIVE — высококонтрастная калибровка WCAG 2.2 AAA */
[data-theme="light"] .live, .light-theme .live { background: var(--green-alpha-12) !important; border: 1px solid var(--green-alpha-28) !important; color: var(--green-light) !important; box-shadow: none !important; }
[data-theme="light"] .live b, .light-theme .live b, [data-theme="light"] #clock, .light-theme #clock, [data-theme="light"] b#clock, .light-theme b#clock { color: var(--green-light) !important; }
[data-theme="light"] .live-label, .light-theme .live-label { color: var(--green-light) !important; }
[data-theme="light"] .live.status-polling, .light-theme .live.status-polling { background: var(--blue-alpha-12) !important; border: 1px solid var(--blue-alpha-28) !important; color: var(--blue-light) !important; box-shadow: none !important; }
[data-theme="light"] .live.status-polling b, .light-theme .live.status-polling b { color: var(--blue-light) !important; }
[data-theme="light"] .live.status-offline, .light-theme .live.status-offline { background: var(--red-alpha-12) !important; border: 1px solid var(--red-alpha-28) !important; color: var(--red-light) !important; box-shadow: none !important; }
[data-theme="light"] .live.status-offline b, .light-theme .live.status-offline b { color: var(--red-light) !important; }
[data-theme="light"] .side-badge-live, .light-theme .side-badge-live { background: var(--violet) !important; color: var(--white) !important; box-shadow: none !important; text-shadow: none !important; }

[data-theme="light"] .nav-i, .light-theme .nav-i { color: var(--tx2); }
[data-theme="light"] .nav-i:hover, .light-theme .nav-i:hover { background: var(--bg2); color: var(--tx); }
[data-theme="light"] .nav-i.active, .light-theme .nav-i.active { background: var(--rank-senior-bg); color: var(--violet-dark); box-shadow: inset 3px 0 0 var(--violet); }
[data-theme="light"] .nav-i.disabled, .light-theme .nav-i.disabled { color: var(--text-muted); }

[data-theme="light"] .card.sys-mini, .light-theme .card.sys-mini,
[data-theme="light"] .card.user, .light-theme .card.user { background: var(--card2); border: 1px solid var(--border-color); box-shadow: inset 0 1px 0 0 var(--white), var(--shadow-sm); }
[data-theme="light"] .sys-mini-t, .light-theme .sys-mini-t, [data-theme="light"] .user-name, .light-theme .user-name { color: var(--tx); }
[data-theme="light"] .sys-mini-s, .light-theme .sys-mini-s, [data-theme="light"] .user-role, .light-theme .user-role { color: var(--tx3); }

/* ============================================================================
   3. КНОПКИ, ЧИПЫ И ИНТЕРАКТИВНЫЕ КОНТРОЛЫ (6 СОСТОЯНИЙ)
   ============================================================================ */
[data-theme="light"] .btn, .light-theme .btn { background: var(--card2); border: 1px solid var(--border-color); color: var(--tx); box-shadow: var(--shadow-sm); }
[data-theme="light"] .btn:hover, .light-theme .btn:hover { background: var(--bg2); border-color: var(--violet); box-shadow: var(--shadow-card-hover); }

[data-theme="light"] .btn.prim, .light-theme .btn.prim, [data-theme="light"] button.btn.prim, .light-theme button.btn.prim, [data-theme="light"] a.btn.prim, .light-theme a.btn.prim {
  background-color: var(--violet-dark) !important;
  background-image: linear-gradient(135deg, var(--violet) 0%, var(--violet-dark) 100%) !important;
  border: 1px solid var(--violet-light) !important;
  color: var(--white) !important;
  box-shadow: inset 0 1px 0 0 var(--white-alpha-25), var(--shadow-sm) !important;
}
[data-theme="light"] .btn.prim:hover, .light-theme .btn.prim:hover, [data-theme="light"] button.btn.prim:hover, .light-theme button.btn.prim:hover, [data-theme="light"] a.btn.prim:hover, .light-theme a.btn.prim:hover {
  background-color: var(--violet-light) !important;
  background-image: linear-gradient(135deg, var(--violet-dark) 0%, var(--violet-light) 100%) !important;
  color: var(--white) !important;
  box-shadow: inset 0 1px 0 0 var(--white-alpha-30), var(--shadow-card-hover) !important;
}

[data-theme="light"] .btn.danger, .light-theme .btn.danger { background: var(--red-alpha-12); border: 1px solid var(--red-alpha-28); color: var(--red); box-shadow: none; }
[data-theme="light"] .btn.danger:hover, .light-theme .btn.danger:hover { background: var(--red-alpha-20); border-color: var(--red); color: var(--red); }
[data-theme="light"] .btn.ghost, .light-theme .btn.ghost { background: transparent; border-color: transparent; color: var(--tx2); box-shadow: none; }
[data-theme="light"] .btn.ghost:hover, .light-theme .btn.ghost:hover { background: var(--slate-100); border-color: var(--border-color); color: var(--tx); }
[data-theme="light"] .btn.sq, .light-theme .btn.sq { background: var(--card2); border: 1px solid var(--border-color); color: var(--tx); box-shadow: var(--shadow-sm); }
[data-theme="light"] .btn.sq:hover, .light-theme .btn.sq:hover { background: var(--slate-100); border-color: var(--violet); color: var(--violet-dark); }
[data-theme="light"] .btn:disabled, .light-theme .btn:disabled,
[data-theme="light"] .btn.is-disabled-demo, .light-theme .btn.is-disabled-demo { background: var(--slate-100) !important; border: 1px solid var(--border-color) !important; color: var(--slate-600) !important; box-shadow: none !important; }

[data-theme="light"] .chip, .light-theme .chip { background: var(--card); border: 1px solid var(--border-color); color: var(--tx2); box-shadow: var(--shadow-sm); border-radius: var(--r-full); }
[data-theme="light"] .chip:hover, .light-theme .chip:hover { background: var(--bg2); color: var(--tx); border-color: var(--violet); }
[data-theme="light"] .chip.active, .light-theme .chip.active { background: var(--chip-active-bg); border-color: var(--violet); color: var(--chip-active-tx); }
[data-theme="light"] .chip-count, .light-theme .chip-count { background: var(--bg2); color: var(--tx); border: 1px solid var(--border-color); border-radius: var(--r-full); }
[data-theme="light"] .chip.active .chip-count, .light-theme .chip.active .chip-count { background: var(--rank-senior-bg); color: var(--violet-dark); border-color: var(--rank-senior-border); }

/* Инпуты, селекты, чекбоксы и переключатели */
[data-theme="light"] .select-input, .light-theme .select-input, [data-theme="light"] .search-box input, .light-theme .search-box input,
[data-theme="light"] input[type="text"], .light-theme input[type="text"], [data-theme="light"] .input, .light-theme .input,
[data-theme="light"] .select, .light-theme .select, [data-theme="light"] .textarea, .light-theme .textarea {
  background: var(--card); border: 1px solid var(--border-color); color: var(--tx); box-shadow: inset 0 1px 2px var(--black-alpha-03);
}
[data-theme="light"] .input:focus, .light-theme .input:focus, [data-theme="light"] .select:focus, .light-theme .select:focus,
[data-theme="light"] .textarea:focus, .light-theme .textarea:focus, [data-theme="light"] input[type="text"]:focus, .light-theme input[type="text"]:focus,
[data-theme="light"] .search-box input:focus, .light-theme .search-box input:focus { border-color: var(--violet) !important; outline: 2px solid var(--violet) !important; outline-offset: 1px !important; }
[data-theme="light"] .input.is-invalid, .light-theme .input.is-invalid, [data-theme="light"] .input-invalid, .light-theme .input-invalid { border-color: var(--red) !important; background: var(--red-alpha-05) !important; color: var(--tx) !important; }
[data-theme="light"] .input.is-valid, .light-theme .input.is-valid, [data-theme="light"] .input-valid, .light-theme .input-valid { border-color: var(--green) !important; background: var(--green-alpha-04) !important; color: var(--tx) !important; }
[data-theme="light"] .search-box, .light-theme .search-box { background: var(--card); border: 1px solid var(--border-color); box-shadow: var(--shadow-sm); }
[data-theme="light"] .search-box .search-icon, .light-theme .search-box .search-icon { color: var(--tx3); }
[data-theme="light"] .search-box input::placeholder, .light-theme .search-box input::placeholder { color: var(--text-muted); }
[data-theme="light"] .search-ico, .light-theme .search-ico { color: var(--tx3); }
[data-theme="light"] .search-kbd, .light-theme .search-kbd { background: var(--slate-100); border: 1px solid var(--border-color); color: var(--tx3); }
[data-theme="light"] .select-arrow, .light-theme .select-arrow { color: var(--tx3); }

[data-theme="light"] .checkbox-box, .light-theme .checkbox-box { background: var(--card); border: 1px solid var(--border-color); box-shadow: var(--shadow-sm); }
[data-theme="light"] .checkbox-control:hover .checkbox-box, .light-theme .checkbox-control:hover .checkbox-box { background: var(--slate-50); border-color: var(--violet); }
[data-theme="light"] .checkbox-control input:checked + .checkbox-box, .light-theme .checkbox-control input:checked + .checkbox-box,
[data-theme="light"] .checkbox-box.checked, .light-theme .checkbox-box.checked { background: var(--violet-dark) !important; border-color: var(--violet-dark) !important; color: var(--white) !important; }

[data-theme="light"] .switch .sw, .light-theme .switch .sw, [data-theme="light"] .switch-track, .light-theme .switch-track { background: var(--slate-200); border: 1px solid var(--border-color); }
[data-theme="light"] .switch .sw::after, .light-theme .switch .sw::after, [data-theme="light"] .switch-track::after, .light-theme .switch-track::after { background: var(--white); box-shadow: var(--shadow-sm); }
[data-theme="light"] .switch input:checked + .sw, .light-theme .switch input:checked + .sw,
[data-theme="light"] .switch-control input:checked + .switch-track, .light-theme .switch-control input:checked + .switch-track { background: var(--violet-dark); border-color: var(--violet-light); }

/* ============================================================================
   4. КАРТОЧКИ И ПОВЕРХНОСТИ (CARDS & ELEVATION · LINEAR & STRIPE STYLE)
   Субпиксельный Ring-бордер, 1px Inset-Highlight и 4-сторонний световой периметр
   ============================================================================ */
[data-theme="light"] .card, .light-theme .card, [data-theme="light"] .citizen-card, .light-theme .citizen-card,
[data-theme="light"] .dept-card, .light-theme .dept-card, [data-theme="light"] .toolbar-card, .light-theme .toolbar-card,
[data-theme="light"] .status-card, .light-theme .status-card, [data-theme="light"] .metric-card, .light-theme .metric-card,
[data-theme="light"] .card-demo, .light-theme .card-demo, [data-theme="light"] .showcase-box, .light-theme .showcase-box,
[data-theme="light"] .side-pulse-card, .light-theme .side-pulse-card, [data-theme="light"] .side-stat-card, .light-theme .side-stat-card,
[data-theme="light"] .vitality-dashboard-card, .light-theme .vitality-dashboard-card, [data-theme="light"] .economy-card, .light-theme .economy-card,
[data-theme="light"] .rank-dist-card, .light-theme .rank-dist-card, [data-theme="light"] .kpi24-card, .light-theme .kpi24-card,
[data-theme="light"] .board-card, .light-theme .board-card, [data-theme="light"] .doc-card, .light-theme .doc-card,
[data-theme="light"] .task-card, .light-theme .task-card, [data-theme="light"] .work-card, .light-theme .work-card {
  background-color: var(--white) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-card) !important;
  color: var(--tx) !important;
}
[data-theme="light"] .card:hover, .light-theme .card:hover, [data-theme="light"] .citizen-card:hover, .light-theme .citizen-card:hover,
[data-theme="light"] .dept-card:hover, .light-theme .dept-card:hover, [data-theme="light"] .card-demo:hover, .light-theme .card-demo:hover {
  border-color: var(--violet) !important;
  box-shadow: var(--shadow-card-hover) !important;
}
[data-theme="light"] .card-demo.elevation-2, .light-theme .card-demo.elevation-2 { background-color: var(--slate-50) !important; box-shadow: inset 0 1px 0 0 var(--white), var(--shadow-md) !important; border: 1px solid var(--border-color) !important; }
[data-theme="light"] .card-demo.glass-card, .light-theme .card-demo.glass-card { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; backdrop-filter: none; box-shadow: var(--shadow-card) !important; }
[data-theme="light"] .card-demo-head, .light-theme .card-demo-head, [data-theme="light"] .card-demo-foot, .light-theme .card-demo-foot { border-color: var(--border-color) !important; }
[data-theme="light"] .card-demo-title, .light-theme .card-demo-title, [data-theme="light"] .showcase-box-title, .light-theme .showcase-box-title { color: var(--tx) !important; }
[data-theme="light"] .card-demo-body, .light-theme .card-demo-body { color: var(--tx2) !important; }


/* ============================================================================
   5. СЕМАНТИЧЕСКИЕ БЕЙДЖИ СТАТУСОВ (MUTED TINT 12% BG · 28% BORDER · 0PX GLOW)
   ============================================================================ */
[data-theme="light"] .badge, .light-theme .badge, [data-theme="light"] .pill-badge, .light-theme .pill-badge, [data-theme="light"] .status-badge, .light-theme .status-badge, [data-theme="light"] .hq-status-badge, .light-theme .hq-status-badge {
  background-color: var(--bg2) !important; color: var(--tx) !important; border: 1px solid var(--border-color) !important; box-shadow: none !important; text-shadow: none !important; border-radius: var(--r-full);
}
[data-theme="light"] .badge.badge-success, .light-theme .badge.badge-success, [data-theme="light"] .badge-success, .light-theme .badge-success, [data-theme="light"] .badge.success, .light-theme .badge.success, [data-theme="light"] .badge.ok, .light-theme .badge.ok {
  background-color: var(--green-alpha-12) !important; color: var(--green-light) !important; border: 1px solid var(--green-alpha-28) !important; box-shadow: none !important; text-shadow: none !important;
}
[data-theme="light"] .badge.badge-running, .light-theme .badge.badge-running, [data-theme="light"] .badge-running, .light-theme .badge-running {
  background-color: var(--blue-alpha-12) !important; color: var(--blue-light) !important; border: 1px solid var(--blue-alpha-28) !important; box-shadow: none !important; text-shadow: none !important;
}
[data-theme="light"] .badge.badge-failed, .light-theme .badge.badge-failed, [data-theme="light"] .badge-failed, .light-theme .badge-failed, [data-theme="light"] .badge.danger, .light-theme .badge.danger, [data-theme="light"] .badge.error, .light-theme .badge.error {
  background-color: var(--red-alpha-12) !important; color: var(--red-light) !important; border: 1px solid var(--red-alpha-28) !important; box-shadow: none !important; text-shadow: none !important;
}
[data-theme="light"] .badge.badge-pending, .light-theme .badge.badge-pending, [data-theme="light"] .badge-pending, .light-theme .badge-pending, [data-theme="light"] .badge.warn, .light-theme .badge.warn, [data-theme="light"] .badge-warn, .light-theme .badge-warn {
  background-color: var(--amber-alpha-12) !important; color: var(--amber-light) !important; border: 1px solid var(--amber-alpha-28) !important; box-shadow: none !important; text-shadow: none !important;
}
[data-theme="light"] .badge.badge-subtle, .light-theme .badge.badge-subtle, [data-theme="light"] .badge-subtle, .light-theme .badge-subtle {
  background-color: var(--slate-100) !important; color: var(--slate-700) !important; border: 1px solid var(--slate-300) !important; box-shadow: none !important; text-shadow: none !important;
}
[data-theme="light"] .badge.badge-work, .light-theme .badge.badge-work, [data-theme="light"] .badge-work, .light-theme .badge-work {
  background-color: var(--blue-alpha-12) !important; color: var(--blue-light) !important; border: 1px solid var(--blue-alpha-28) !important; box-shadow: none !important; text-shadow: none !important;
}
[data-theme="light"] .badge.badge-soon, .light-theme .badge.badge-soon, [data-theme="light"] .badge-soon, .light-theme .badge-soon {
  background-color: var(--amber-alpha-12) !important; color: var(--amber-light) !important; border: 1px solid var(--amber-alpha-28) !important; box-shadow: none !important; text-shadow: none !important;
}

/* Бейджи этапов, сборки, графиков и алертов */
[data-theme="light"] .assembly-title-badge, .light-theme .assembly-title-badge { background-color: var(--green-alpha-12) !important; color: var(--green-light) !important; border: 1px solid var(--green-alpha-28) !important; box-shadow: none !important; }
[data-theme="light"] .graph-wrap, .light-theme .graph-wrap { background-color: var(--white) !important; color: var(--tx) !important; border: 1px solid var(--border-color) !important; box-shadow: inset 0 1px 0 0 var(--white), var(--shadow-sm) !important; }
[data-theme="light"] .pulse-chip-v, .light-theme .pulse-chip-v { color: var(--green-light) !important; }
[data-theme="light"] #kpiErrors.pulse-chip-v, .light-theme #kpiErrors.pulse-chip-v { color: var(--green-light) !important; }
[data-theme="light"] #maestroToast, .light-theme #maestroToast, [data-theme="light"] #maestroToastMsg, .light-theme #maestroToastMsg,
[data-theme="light"] .maestro-notes-toast, .light-theme .maestro-notes-toast { background-color: var(--white) !important; color: var(--tx) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-lg) !important; }

/* Бейджи рангов Державы «Грид» */
[data-theme="light"] .badge-rank-celestial, .light-theme .badge-rank-celestial, [data-theme="light"] .rank-badge.celestial, .light-theme .rank-badge.celestial {
  background-color: var(--amber-alpha-12) !important; color: var(--amber-light) !important; border: 1px solid var(--amber-alpha-28) !important; box-shadow: none !important; text-shadow: none !important;
}
[data-theme="light"] .badge-rank-senior, .light-theme .badge-rank-senior, [data-theme="light"] .rank-badge.senior, .light-theme .rank-badge.senior {
  background-color: var(--violet-alpha-12) !important; color: var(--violet-dark) !important; border: 1px solid var(--violet-alpha-28) !important; box-shadow: none !important; text-shadow: none !important;
}
[data-theme="light"] .badge-rank-middle, .light-theme .badge-rank-middle, [data-theme="light"] .rank-badge.middle, .light-theme .rank-badge.middle {
  background-color: var(--blue-alpha-12) !important; color: var(--blue-light) !important; border: 1px solid var(--blue-alpha-28) !important; box-shadow: none !important; text-shadow: none !important;
}
[data-theme="light"] .badge-rank-junior, .light-theme .badge-rank-junior, [data-theme="light"] .rank-badge.junior, .light-theme .rank-badge.junior {
  background-color: var(--green-alpha-12) !important; color: var(--green-light) !important; border: 1px solid var(--green-alpha-28) !important; box-shadow: none !important; text-shadow: none !important;
}
[data-theme="light"] .badge-rank-recruit, .light-theme .badge-rank-recruit, [data-theme="light"] .rank-badge.recruit, .light-theme .rank-badge.recruit {
  background-color: var(--slate-100) !important; color: var(--slate-700) !important; border: 1px solid var(--slate-300) !important; box-shadow: none !important; text-shadow: none !important;
}

[data-theme="light"] .maturity-pill, .light-theme .maturity-pill { background-color: var(--slate-100) !important; border: 1px solid var(--slate-300) !important; color: var(--tx2) !important; box-shadow: none !important; border-radius: var(--r-full); }
[data-theme="light"] .maturity-pill.stage-native, .light-theme .maturity-pill.stage-native { background-color: var(--green-alpha-12) !important; border: 1px solid var(--green-alpha-28) !important; color: var(--green-light) !important; box-shadow: none !important; }
[data-theme="light"] .snapshot-zoom-btn, .light-theme .snapshot-zoom-btn { background-color: var(--blue) !important; color: var(--white) !important; border: 1px solid var(--blue-light) !important; }

/* Карточка гражданина (/citizens) */
[data-theme="light"] .citizen-card .face-container, .light-theme .citizen-card .face-container { background-color: var(--bg2) !important; border: 1px solid var(--border-color) !important; }
[data-theme="light"] .citizen-card .rank-badge, .light-theme .citizen-card .rank-badge { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: none !important; border-radius: var(--r-full); }
[data-theme="light"] .citizen-card .status-pill, .light-theme .citizen-card .status-pill { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: none !important; border-radius: var(--r-full); }
[data-theme="light"] .citizen-card .status-pill.free, .light-theme .citizen-card .status-pill.free { color: var(--green-light) !important; border: 1px solid var(--green-alpha-28) !important; background-color: var(--green-alpha-12) !important; box-shadow: none !important; }
[data-theme="light"] .citizen-card .status-pill.busy, .light-theme .citizen-card .status-pill.busy { color: var(--amber-light) !important; border: 1px solid var(--amber-alpha-28) !important; background-color: var(--amber-alpha-12) !important; box-shadow: none !important; }
[data-theme="light"] .citizen-card .status-pill.tribunal, .light-theme .citizen-card .status-pill.tribunal { color: var(--rose-light) !important; border: 1px solid var(--rose-alpha-28) !important; background-color: var(--rose-alpha-12) !important; box-shadow: none !important; }
[data-theme="light"] .citizen-card .status-pill.retired, .light-theme .citizen-card .status-pill.retired { color: var(--slate-700) !important; border: 1px solid var(--slate-300) !important; background-color: var(--slate-100) !important; box-shadow: none !important; }

[data-theme="light"] .citizen-card .role-badge, .light-theme .citizen-card .role-badge { background-color: var(--bg2) !important; border: 1px solid var(--border-color) !important; color: var(--tx) !important; box-shadow: none !important; border-radius: var(--r-full); }
[data-theme="light"] .citizen-card .dept-tag, .light-theme .citizen-card .dept-tag { background-color: var(--violet-alpha-12) !important; border: 1px solid var(--violet-alpha-28) !important; color: var(--violet-dark) !important; box-shadow: none !important; border-radius: var(--r-full); }
[data-theme="light"] .citizen-card .dept-tag.reserve, .light-theme .citizen-card .dept-tag.reserve { background-color: var(--slate-100) !important; border: 1px solid var(--slate-300) !important; color: var(--slate-700) !important; box-shadow: none !important; }

[data-theme="light"] .citizen-origin-box, .light-theme .citizen-origin-box { background-color: var(--card2) !important; border: 1px solid var(--border-color) !important; color: var(--tx) !important; box-shadow: var(--shadow-sm) !important; }
[data-theme="light"] .citizen-origin-box .origin-mentor b.mentor-link, .light-theme .citizen-origin-box .origin-mentor b.mentor-link { color: var(--violet-dark) !important; }
[data-theme="light"] .citizen-origin-box .origin-clone-num, .light-theme .citizen-origin-box .origin-clone-num { background-color: var(--violet-alpha-12) !important; border: 1px solid var(--violet-alpha-28) !important; color: var(--violet-dark) !important; }
[data-theme="light"] .citizen-origin-box .origin-mission-pill, .light-theme .citizen-origin-box .origin-mission-pill { background-color: var(--blue-alpha-12) !important; border: 1px solid var(--blue-alpha-28) !important; color: var(--blue-light) !important; }

[data-theme="light"] .citizen-xp-bar-wrap, .light-theme .citizen-xp-bar-wrap, [data-theme="light"] .attrs-block, .light-theme .attrs-block,
[data-theme="light"] .humanity-bar-wrap, .light-theme .humanity-bar-wrap { background-color: var(--card2) !important; border: 1px solid var(--border-color) !important; }
[data-theme="light"] .citizen-xp-label, .light-theme .citizen-xp-label, [data-theme="light"] .attr-meta .attr-label, .light-theme .attr-meta .attr-label { color: var(--tx2) !important; }
[data-theme="light"] .citizen-xp-bar, .light-theme .citizen-xp-bar, [data-theme="light"] .attr-bar, .light-theme .attr-bar,
[data-theme="light"] .humanity-bar-track, .light-theme .humanity-bar-track { background-color: var(--slate-200) !important; }

[data-theme="light"] .perk-pill, .light-theme .perk-pill, [data-theme="light"] .perk-badge, .light-theme .perk-badge { background-color: var(--bg2) !important; border: 1px solid var(--border-color) !important; color: var(--violet-dark) !important; box-shadow: none !important; border-radius: var(--r-full); }
[data-theme="light"] .perk-pill.weakness, .light-theme .perk-pill.weakness, [data-theme="light"] .perk-badge.weakness, .light-theme .perk-badge.weakness { background-color: var(--amber-alpha-12) !important; border: 1px solid var(--amber-alpha-28) !important; color: var(--slate-800) !important; box-shadow: none !important; }
[data-theme="light"] .model-pill, .light-theme .model-pill { background-color: var(--bg2) !important; border: 1px solid var(--border-color) !important; color: var(--tx2) !important; box-shadow: none !important; border-radius: var(--r-full); }

/* Устранение неонового свечения элементов индикации и кинетики (0px glow) */
[data-theme="light"] .sliding-capsule-pill, .light-theme .sliding-capsule-pill { box-shadow: var(--shadow-sm) !important; }
[data-theme="light"] .thinking-pill, .light-theme .thinking-pill { box-shadow: var(--shadow-sm) !important; }
[data-theme="light"] .status-beacon, .light-theme .status-beacon, [data-theme="light"] .status-pulse, .light-theme .status-pulse, [data-theme="light"] .dot, .light-theme .dot { box-shadow: none !important; }

/* Модальные окна, терминал и оверлеи */
[data-theme="light"] .modal-backdrop, .light-theme .modal-backdrop { background: var(--slate-900-alpha-45); }
[data-theme="light"] .modal-card, .light-theme .modal-card, [data-theme="light"] .cmd-palette, .light-theme .cmd-palette { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-modal) !important; }
[data-theme="light"] .modal-close, .light-theme .modal-close { background-color: var(--bg2) !important; border: 1px solid var(--border-color) !important; color: var(--tx2) !important; }
[data-theme="light"] .modal-close:hover, .light-theme .modal-close:hover { background-color: var(--status-failed-bg) !important; color: var(--red-light) !important; }

[data-theme="light"] .terminal-wrap, .light-theme .terminal-wrap, [data-theme="light"] .terminal-card, .light-theme .terminal-card { background-color: var(--bg-code) !important; border: 1px solid var(--border-code) !important; box-shadow: inset 0 1px 0 0 var(--white), var(--shadow-sm) !important; }
[data-theme="light"] .terminal-header, .light-theme .terminal-header { background-color: var(--bg-code-header) !important; border-bottom: 1px solid var(--border-code) !important; }
[data-theme="light"] .term-title-text, .light-theme .term-title-text { color: var(--tx) !important; }
[data-theme="light"] .term-count-pill, .light-theme .term-count-pill { background-color: var(--white) !important; color: var(--tx2) !important; border: 1px solid var(--border-code) !important; box-shadow: none !important; border-radius: var(--r-full); }

/* ============================================================================
   6. МОНИТОР РАЗЛАДА ДИЗАЙН-СИСТЕМЫ (#discord)
   ============================================================================ */
[data-theme="light"] .discord-stat-card, .light-theme .discord-stat-card { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-card) !important; }
[data-theme="light"] .discord-stat-card::before, .light-theme .discord-stat-card::before { background: linear-gradient(90deg, transparent, var(--black-alpha-05), transparent); }
[data-theme="light"] .discord-stat-card:hover, .light-theme .discord-stat-card:hover { background-color: var(--slate-50) !important; border-color: var(--violet) !important; box-shadow: var(--shadow-card-hover) !important; }
[data-theme="light"] .discord-stat-card.health-card, .light-theme .discord-stat-card.health-card { background: linear-gradient(135deg, var(--violet-alpha-12) 0%, var(--white) 100%) !important; border: 1px solid var(--violet-alpha-28) !important; }
[data-theme="light"] .discord-stat-k, .light-theme .discord-stat-k { color: var(--tx3) !important; }
[data-theme="light"] .discord-stat-v, .light-theme .discord-stat-v { color: var(--tx) !important; }
[data-theme="light"] .discord-stat-sub, .light-theme .discord-stat-sub { color: var(--tx3) !important; }

[data-theme="light"] .discord-cat-card, .light-theme .discord-cat-card { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-card) !important; }
[data-theme="light"] .discord-cat-card:hover, .light-theme .discord-cat-card:hover { background-color: var(--slate-50) !important; border-color: var(--violet-alpha-30) !important; box-shadow: var(--shadow-card-hover) !important; }
[data-theme="light"] .discord-cat-card.active, .light-theme .discord-cat-card.active { background: linear-gradient(145deg, var(--slate-50), var(--violet-alpha-12)) !important; border-color: var(--violet) !important; }
[data-theme="light"] .discord-cat-icon-wrap, .light-theme .discord-cat-icon-wrap { background-color: var(--slate-100) !important; color: var(--tx2) !important; border: 1px solid var(--border-color) !important; }
[data-theme="light"] .discord-cat-pct, .light-theme .discord-cat-pct { background-color: var(--slate-100) !important; color: var(--tx2) !important; border: 1px solid var(--border-color) !important; }
[data-theme="light"] .discord-cat-pct.clean, .light-theme .discord-cat-pct.clean { background-color: var(--green-alpha-12) !important; color: var(--green-light) !important; border-color: var(--green-alpha-28) !important; }
[data-theme="light"] .discord-cat-pct.warn, .light-theme .discord-cat-pct.warn { background-color: var(--amber-alpha-12) !important; color: var(--amber-light) !important; border-color: var(--amber-alpha-28) !important; }
[data-theme="light"] .discord-cat-bar-track, .light-theme .discord-cat-bar-track { background-color: var(--slate-200) !important; }

[data-theme="light"] .discord-toolbar, .light-theme .discord-toolbar { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-sm) !important; }
[data-theme="light"] .discord-chip, .light-theme .discord-chip { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; color: var(--tx2) !important; box-shadow: var(--shadow-sm) !important; border-radius: var(--r-full); }
[data-theme="light"] .discord-chip:hover, .light-theme .discord-chip:hover { background-color: var(--bg2) !important; color: var(--tx) !important; border-color: var(--violet) !important; }
[data-theme="light"] .discord-chip.active, .light-theme .discord-chip.active { background-color: var(--violet-alpha-12) !important; color: var(--violet-dark) !important; border-color: var(--violet) !important; }
[data-theme="light"] .discord-chip-count, .light-theme .discord-chip-count { background-color: var(--slate-200) !important; color: var(--slate-800) !important; border-radius: var(--r-full); }
[data-theme="light"] .discord-chip.active .discord-chip-count, .light-theme .discord-chip.active .discord-chip-count { background-color: var(--violet) !important; color: var(--white) !important; }

[data-theme="light"] .discord-status-toggle, .light-theme .discord-status-toggle { background-color: var(--slate-100) !important; border: 1px solid var(--border-color) !important; }
[data-theme="light"] .discord-status-btn, .light-theme .discord-status-btn { color: var(--tx2) !important; }
[data-theme="light"] .discord-status-btn:hover, .light-theme .discord-status-btn:hover { color: var(--tx) !important; background-color: var(--slate-200) !important; }
[data-theme="light"] .discord-status-btn.active, .light-theme .discord-status-btn.active { background-color: var(--white) !important; color: var(--tx) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-sm) !important; }
[data-theme="light"] .discord-status-btn.active[data-status="discord"], .light-theme .discord-status-btn.active[data-status="discord"] { border-color: var(--amber-alpha-28) !important; color: var(--amber-light) !important; background-color: var(--amber-alpha-12) !important; }
[data-theme="light"] .discord-status-btn.active[data-status="clean"], .light-theme .discord-status-btn.active[data-status="clean"] { border-color: var(--green-alpha-28) !important; color: var(--green-light) !important; background-color: var(--green-alpha-12) !important; }
[data-theme="light"] .discord-search-kbd, .light-theme .discord-search-kbd { background-color: var(--slate-100) !important; color: var(--tx2) !important; border: 1px solid var(--border-color) !important; }

[data-theme="light"] .discord-file-card, .light-theme .discord-file-card { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-card) !important; }
[data-theme="light"] .discord-file-header:hover, .light-theme .discord-file-header:hover { background-color: var(--slate-50) !important; }
[data-theme="light"] .discord-file-icon, .light-theme .discord-file-icon { background-color: var(--slate-100) !important; color: var(--tx2) !important; border: 1px solid var(--border-color) !important; }
[data-theme="light"] .discord-file-card.has-discord .discord-file-icon, .light-theme .discord-file-card.has-discord .discord-file-icon { background-color: var(--amber-alpha-12) !important; color: var(--amber-light) !important; border-color: var(--amber-alpha-28) !important; }
[data-theme="light"] .discord-file-card.is-clean .discord-file-icon, .light-theme .discord-file-card.is-clean .discord-file-icon { background-color: var(--green-alpha-12) !important; color: var(--green-light) !important; border-color: var(--green-alpha-28) !important; }
[data-theme="light"] .discord-file-name, .light-theme .discord-file-name { color: var(--tx) !important; }
[data-theme="light"] .discord-tag, .light-theme .discord-tag { background-color: var(--slate-100) !important; color: var(--tx2) !important; border: 1px solid var(--border-color) !important; box-shadow: none !important; border-radius: var(--r-full); }
[data-theme="light"] .discord-tag.warn, .light-theme .discord-tag.warn { background-color: var(--amber-alpha-12) !important; color: var(--amber-light) !important; border-color: var(--amber-alpha-28) !important; }
[data-theme="light"] .discord-tag.clean, .light-theme .discord-tag.clean { background-color: var(--green-alpha-12) !important; color: var(--green-light) !important; border-color: var(--green-alpha-28) !important; }

[data-theme="light"] .discord-violations-body, .light-theme .discord-violations-body { background-color: var(--slate-50) !important; border-top: 1px solid var(--border-color) !important; }
[data-theme="light"] .discord-violations-table th, .light-theme .discord-violations-table th { background-color: var(--slate-100) !important; color: var(--tx2) !important; border-bottom: 1px solid var(--border-color) !important; }
[data-theme="light"] .discord-violations-table td, .light-theme .discord-violations-table td { border-bottom: 1px solid var(--border-color) !important; }
[data-theme="light"] .discord-violations-table tr:hover td, .light-theme .discord-violations-table tr:hover td { background-color: var(--slate-100) !important; }
[data-theme="light"] .v-line-num, .light-theme .v-line-num { background-color: var(--slate-100) !important; color: var(--tx2) !important; border: 1px solid var(--border-color) !important; }
[data-theme="light"] .v-cat-badge, .light-theme .v-cat-badge { background-color: var(--slate-100) !important; color: var(--tx2) !important; border: 1px solid var(--border-color) !important; box-shadow: none !important; border-radius: var(--r-full); }
[data-theme="light"] .v-cat-badge.colors, .light-theme .v-cat-badge.colors { color: var(--violet-dark) !important; border-color: var(--violet-alpha-28) !important; background-color: var(--violet-alpha-12) !important; }
[data-theme="light"] .v-cat-badge.fonts, .light-theme .v-cat-badge.fonts { color: var(--blue-light) !important; border-color: var(--blue-alpha-28) !important; background-color: var(--blue-alpha-12) !important; }
[data-theme="light"] .v-cat-badge.spacings, .light-theme .v-cat-badge.spacings { color: var(--amber-light) !important; border-color: var(--amber-alpha-28) !important; background-color: var(--amber-alpha-12) !important; }
[data-theme="light"] .v-cat-badge.radii, .light-theme .v-cat-badge.radii { color: var(--green-light) !important; border-color: var(--green-alpha-28) !important; background-color: var(--green-alpha-12) !important; }
[data-theme="light"] .v-cat-badge.durations, .light-theme .v-cat-badge.durations { color: var(--red-light) !important; border-color: var(--red-alpha-28) !important; background-color: var(--red-alpha-12) !important; }
[data-theme="light"] .v-val-chip, .light-theme .v-val-chip { color: var(--red-light) !important; background-color: var(--red-alpha-12) !important; border: 1px solid var(--red-alpha-28) !important; box-shadow: none !important; border-radius: var(--r-full); }
[data-theme="light"] .v-context-code, .light-theme .v-context-code { background-color: var(--bg-code) !important; border: 1px solid var(--border-code) !important; color: var(--tx-code) !important; }
[data-theme="light"] .v-context-code .code-sel, .light-theme .v-context-code .code-sel { color: var(--blue) !important; font-weight: 600; }
[data-theme="light"] .v-context-code .code-prop, .light-theme .v-context-code .code-prop { color: var(--tx-code) !important; }
[data-theme="light"] .v-suggest-token, .light-theme .v-suggest-token { color: var(--green-light) !important; background-color: var(--green-alpha-12) !important; border: 1px solid var(--green-alpha-28) !important; box-shadow: none !important; border-radius: var(--r-full); }
[data-theme="light"] .v-suggest-token:hover, .light-theme .v-suggest-token:hover { background-color: var(--green-light) !important; color: var(--white) !important; border-color: var(--green-light) !important; }
[data-theme="light"] .discord-empty-cat, .light-theme .discord-empty-cat { color: var(--green-light) !important; background-color: var(--green-alpha-12) !important; border: 1px solid var(--green-alpha-28) !important; box-shadow: none !important; }
[data-theme="light"] .discord-zero-state, .light-theme .discord-zero-state { background-color: var(--white) !important; color: var(--tx3) !important; border: 1px solid var(--border-color) !important; }
[data-theme="light"] .discord-canon-banner, .light-theme .discord-canon-banner { background-color: var(--green-alpha-12) !important; border: 1px solid var(--green-alpha-28) !important; box-shadow: inset 0 1px 0 0 var(--white), var(--shadow-sm) !important; }
[data-theme="light"] .discord-canon-icon-box, .light-theme .discord-canon-icon-box { background-color: var(--green-alpha-12) !important; border: 1px solid var(--green-alpha-28) !important; color: var(--green-light) !important; box-shadow: none !important; }

/* ============================================================================
   7. ТАБЛИЦЫ, СПИСКИ, ДЕРЕВЬЯ И ПУСТЫЕ СОСТОЯНИЯ (#tables & #typography)
   ============================================================================ */
[data-theme="light"] .typo-table-wrap, .light-theme .typo-table-wrap, [data-theme="light"] .uikit-table-wrap, .light-theme .uikit-table-wrap,
[data-theme="light"] .uikit-tree-box, .light-theme .uikit-tree-box, [data-theme="light"] .states-matrix-card, .light-theme .states-matrix-card,
[data-theme="light"] .radii-box, .light-theme .radii-box, [data-theme="light"] .progress-demo-card, .light-theme .progress-demo-card {
  background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-card) !important;
}
[data-theme="light"] .typo-table th, .light-theme .typo-table th, [data-theme="light"] .data-table th, .light-theme .data-table th,
[data-theme="light"] .states-matrix-header, .light-theme .states-matrix-header {
  background-color: var(--slate-100) !important; border-bottom: 1px solid var(--border-color) !important; color: var(--tx2) !important;
}
[data-theme="light"] .typo-table td, .light-theme .typo-table td, [data-theme="light"] .data-table td, .light-theme .data-table td,
[data-theme="light"] .states-matrix-row, .light-theme .states-matrix-row {
  border-bottom: 1px solid var(--border-color) !important;
}
[data-theme="light"] .typo-table tr:hover td, .light-theme .typo-table tr:hover td, [data-theme="light"] .data-table tr:hover td, .light-theme .data-table tr:hover td,
[data-theme="light"] .states-matrix-row:hover, .light-theme .states-matrix-row:hover {
  background-color: var(--slate-50) !important;
}
[data-theme="light"] .data-table tr.selected td, .light-theme .data-table tr.selected td { background-color: var(--violet-alpha-08) !important; }
[data-theme="light"] .data-table-foot, .light-theme .data-table-foot { background-color: var(--slate-50) !important; border-top: 1px solid var(--border-color) !important; color: var(--tx2) !important; }

[data-theme="light"] .token-tag, .light-theme .token-tag { background-color: var(--slate-100) !important; border: 1px solid var(--slate-300) !important; color: var(--violet-dark) !important; box-shadow: none !important; border-radius: var(--r-full); }
[data-theme="light"] .token-tag:hover, .light-theme .token-tag:hover { background-color: var(--violet-alpha-12) !important; border-color: var(--violet) !important; color: var(--violet-dark) !important; }
[data-theme="light"] .tree-node-row, .light-theme .tree-node-row { color: var(--tx2) !important; }
[data-theme="light"] .tree-node-row:hover, .light-theme .tree-node-row:hover { background-color: var(--slate-100) !important; color: var(--tx) !important; }
[data-theme="light"] .tree-node-row.active, .light-theme .tree-node-row.active { background-color: var(--violet-alpha-12) !important; color: var(--violet-dark) !important; }
[data-theme="light"] .tree-children, .light-theme .tree-children { border-left: 1px solid var(--border-color) !important; }

[data-theme="light"] .empty-state-box, .light-theme .empty-state-box, [data-theme="light"] .empty-state-card, .light-theme .empty-state-card {
  background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-card) !important;
}
[data-theme="light"] .empty-state-box:hover, .light-theme .empty-state-box:hover, [data-theme="light"] .empty-state-card:hover, .light-theme .empty-state-card:hover {
  background-color: var(--slate-50) !important; border-color: var(--violet) !important; box-shadow: var(--shadow-card-hover) !important;
}
[data-theme="light"] .empty-state-icon-circle, .light-theme .empty-state-icon-circle, [data-theme="light"] .empty-state-icon-wrap, .light-theme .empty-state-icon-wrap { background-color: var(--slate-100) !important; border: 1px solid var(--border-color) !important; color: var(--violet-dark) !important; box-shadow: none !important; }
[data-theme="light"] .empty-state-title, .light-theme .empty-state-title { color: var(--tx) !important; }
[data-theme="light"] .empty-state-desc, .light-theme .empty-state-desc { color: var(--tx2) !important; }
[data-theme="light"] .empty-state--table, .light-theme .empty-state--table { background: transparent !important; border: none !important; box-shadow: none !important; }

/* ============================================================================
   8. АЛЕРТЫ, ТУЛТИПЫ, СНИППЕТЫ И ТОСТЫ (#alerts & #overlays)
   ============================================================================ */
[data-theme="light"] .alert-banner, .light-theme .alert-banner { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-card) !important; }
[data-theme="light"] .alert-banner.info, .light-theme .alert-banner.info { background-color: var(--blue-alpha-12) !important; border: 1px solid var(--blue-alpha-28) !important; }
[data-theme="light"] .alert-banner.success, .light-theme .alert-banner.success { background-color: var(--green-alpha-12) !important; border: 1px solid var(--green-alpha-28) !important; }
[data-theme="light"] .alert-banner.warning, .light-theme .alert-banner.warning { background-color: var(--amber-alpha-12) !important; border: 1px solid var(--amber-alpha-28) !important; }
[data-theme="light"] .alert-banner.danger, .light-theme .alert-banner.danger { background-color: var(--red-alpha-12) !important; border: 1px solid var(--red-alpha-28) !important; }
[data-theme="light"] .alert-banner-title, .light-theme .alert-banner-title { color: var(--tx) !important; }
[data-theme="light"] .alert-banner-desc, .light-theme .alert-banner-desc { color: var(--tx2) !important; }

[data-theme="light"] .app-tooltip, .light-theme .app-tooltip {
  background-color: var(--white) !important; color: var(--tx) !important; border: 1px solid var(--border-color) !important; box-shadow: inset 0 1px 0 0 var(--white), var(--shadow-lg) !important;
}
[data-theme="light"] .app-tooltip .tooltip-title, .light-theme .app-tooltip .tooltip-title { color: var(--tx2) !important; }
[data-theme="light"] .app-tooltip .tooltip-unit, .light-theme .app-tooltip .tooltip-unit { color: var(--blue-light) !important; background-color: var(--blue-alpha-12) !important; border: 1px solid var(--blue-alpha-28) !important; }
[data-theme="light"] .app-tooltip .tooltip-detail, .light-theme .app-tooltip .tooltip-detail { color: var(--tx2) !important; border-top: 1px solid var(--border-color) !important; }
[data-theme="light"] .tooltip-kbd, .light-theme .tooltip-kbd { background-color: var(--bg2) !important; border: 1px solid var(--border-color) !important; border-bottom: 2px solid var(--violet) !important; color: var(--violet) !important; }

[data-theme="light"] .snippet-box, .light-theme .snippet-box { background-color: var(--bg-code) !important; border: 1px solid var(--border-code) !important; box-shadow: var(--shadow-card) !important; }
[data-theme="light"] .snippet-head, .light-theme .snippet-head { background-color: var(--bg-code-header) !important; border-bottom: 1px solid var(--border-code) !important; }
[data-theme="light"] .snippet-title, .light-theme .snippet-title { color: var(--tx) !important; }
[data-theme="light"] .snippet-code, .light-theme .snippet-code { color: var(--tx-code) !important; font-family: var(--mono) !important; }
[data-theme="light"] .snippet-code .tag, .light-theme .snippet-code .tag { color: var(--blue-light) !important; font-weight: 600; }
[data-theme="light"] .snippet-code .attr, .light-theme .snippet-code .attr { color: var(--violet-dark) !important; }
[data-theme="light"] .snippet-code .val, .light-theme .snippet-code .val { color: var(--green) !important; }

/* Семантические контейнеры и блоки кода (Muted Tint Azure Surface · Stripe Docs / Linear) */
[data-theme="light"] code, .light-theme code, [data-theme="light"] pre, .light-theme pre,
[data-theme="light"] .doc-inline-code, .light-theme .doc-inline-code,
[data-theme="light"] .doc-markdown .doc-inline-code, .light-theme .doc-markdown .doc-inline-code {
  background-color: var(--bg-code) !important; border: 1px solid var(--border-code) !important; color: var(--tx-code) !important; font-family: var(--mono) !important;
}
[data-theme="light"] .doc-code, .light-theme .doc-code, [data-theme="light"] .doc-code-block, .light-theme .doc-code-block,
[data-theme="light"] .doc-markdown .doc-code-block, .light-theme .doc-markdown .doc-code-block {
  background-color: var(--bg-code) !important; border: 1px solid var(--border-code) !important; color: var(--tx-code) !important; box-shadow: var(--shadow-card) !important;
}
[data-theme="light"] .doc-code-header, .light-theme .doc-code-header, [data-theme="light"] .doc-markdown .doc-code-header, .light-theme .doc-markdown .doc-code-header {
  background-color: var(--bg-code-header) !important; border-bottom: 1px solid var(--border-code) !important; color: var(--tx2) !important;
}
[data-theme="light"] .doc-code-copy, .light-theme .doc-code-copy, [data-theme="light"] .doc-markdown .doc-code-copy, .light-theme .doc-markdown .doc-code-copy {
  background-color: var(--white) !important; border: 1px solid var(--border-code) !important; color: var(--tx-code) !important;
}

[data-theme="light"] .toast, .light-theme .toast, [data-theme="light"] .design-toast, .light-theme .design-toast {
  background-color: var(--white) !important; color: var(--tx) !important; border: 1px solid var(--border-color) !important; box-shadow: inset 0 1px 0 0 var(--white), var(--shadow-lg) !important;
}
[data-theme="light"] .toast-title, .light-theme .toast-title { color: var(--tx) !important; }
[data-theme="light"] .toast-msg, .light-theme .toast-msg { color: var(--tx2) !important; }
[data-theme="light"] .toast-close, .light-theme .toast-close { color: var(--tx3) !important; }
[data-theme="light"] .toast-action-btn, .light-theme .toast-action-btn { background-color: var(--bg2) !important; border: 1px solid var(--border-color) !important; color: var(--tx) !important; }

/* ============================================================================
   9. НАВИГАЦИЯ, СЕГМЕНТЫ, ДРОПДАУНЫ И ОГЛАВЛЕНИЕ (#navigation, #overlays & TOC)
   ============================================================================ */
[data-theme="light"] .breadcrumbs-bar, .light-theme .breadcrumbs-bar { color: var(--tx3) !important; }
[data-theme="light"] .breadcrumb-item, .light-theme .breadcrumb-item { color: var(--tx2) !important; }
[data-theme="light"] .breadcrumb-item:hover, .light-theme .breadcrumb-item:hover { color: var(--violet-dark) !important; }
[data-theme="light"] .breadcrumb-item.active, .light-theme .breadcrumb-item.active { color: var(--tx) !important; }
[data-theme="light"] .breadcrumb-separator, .light-theme .breadcrumb-separator { color: var(--tx3) !important; }

[data-theme="light"] .segmented-control, .light-theme .segmented-control { background-color: var(--slate-100) !important; border: 1px solid var(--border-color) !important; box-shadow: inset 0 1px 2px var(--black-alpha-03) !important; }
[data-theme="light"] .segment-btn, .light-theme .segment-btn { color: var(--tx2) !important; }
[data-theme="light"] .segment-btn:hover, .light-theme .segment-btn:hover { color: var(--tx) !important; }
[data-theme="light"] .segment-btn.active, .light-theme .segment-btn.active { background-color: var(--white) !important; color: var(--tx) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-sm) !important; }

[data-theme="light"] .dropdown-demo-panel, .light-theme .dropdown-demo-panel { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: inset 0 1px 0 0 var(--white), var(--shadow-lg) !important; }
[data-theme="light"] .dropdown-demo-header, .light-theme .dropdown-demo-header { color: var(--tx3) !important; }
[data-theme="light"] .dropdown-demo-item, .light-theme .dropdown-demo-item { color: var(--tx) !important; }
[data-theme="light"] .dropdown-demo-item:hover, .light-theme .dropdown-demo-item:hover { background-color: var(--slate-100) !important; color: var(--violet-dark) !important; }
[data-theme="light"] .dropdown-demo-item.danger, .light-theme .dropdown-demo-item.danger { color: var(--red-light) !important; }
[data-theme="light"] .dropdown-demo-item.danger:hover, .light-theme .dropdown-demo-item.danger:hover { background-color: var(--red-alpha-12) !important; color: var(--red-light) !important; }
[data-theme="light"] .dropdown-demo-item kbd, .light-theme .dropdown-demo-item kbd { background-color: var(--slate-100) !important; color: var(--tx2) !important; border: 1px solid var(--border-color) !important; }
[data-theme="light"] .dropdown-divider, .light-theme .dropdown-divider { background-color: var(--border-color) !important; }

[data-theme="light"] .avatar-stack-item, .light-theme .avatar-stack-item { border: 2px solid var(--white) !important; background-color: var(--slate-100) !important; color: var(--tx) !important; }
[data-theme="light"] .avatar-stack-more, .light-theme .avatar-stack-more { background-color: var(--slate-200) !important; color: var(--slate-800) !important; }

[data-theme="light"] .design-subnav, .light-theme .design-subnav { background-color: var(--slate-100) !important; border-bottom: 1px solid var(--border-color) !important; }
[data-theme="light"] .design-nav-chip, .light-theme .design-nav-chip { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; color: var(--tx2) !important; box-shadow: var(--shadow-sm) !important; border-radius: var(--r-full); }
[data-theme="light"] .design-nav-chip:hover, .light-theme .design-nav-chip:hover { background-color: var(--bg2) !important; color: var(--tx) !important; border-color: var(--violet) !important; }
[data-theme="light"] .design-nav-chip.active, .light-theme .design-nav-chip.active { background-color: var(--violet-alpha-12) !important; color: var(--violet-dark) !important; border-color: var(--violet) !important; }

[data-theme="light"] .design-toc, .light-theme .design-toc { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: inset 0 1px 0 0 var(--white), var(--shadow-lg) !important; }
[data-theme="light"] .toc-header, .light-theme .toc-header, [data-theme="light"] .toc-progress-section, .light-theme .toc-progress-section { border-bottom: 1px solid var(--border-color) !important; }
[data-theme="light"] .toc-title, .light-theme .toc-title { color: var(--tx) !important; }
[data-theme="light"] .toc-badge, .light-theme .toc-badge { background-color: var(--slate-100) !important; border: 1px solid var(--slate-200) !important; color: var(--tx2) !important; border-radius: var(--r-full); }
[data-theme="light"] .toc-progress-track, .light-theme .toc-progress-track { background-color: var(--slate-200) !important; }
[data-theme="light"] .toc-link, .light-theme .toc-link { color: var(--tx2) !important; }
[data-theme="light"] .toc-link:hover, .light-theme .toc-link:hover { background-color: var(--slate-100) !important; color: var(--tx) !important; }
[data-theme="light"] .toc-link.active, .light-theme .toc-link.active { background-color: var(--violet-alpha-12) !important; color: var(--violet-dark) !important; border-color: var(--violet-alpha-28) !important; }
[data-theme="light"] .toc-link .toc-num, .light-theme .toc-link .toc-num { background-color: var(--slate-100) !important; color: var(--tx2) !important; border: 1px solid var(--border-color) !important; border-radius: var(--r-full); }
[data-theme="light"] .toc-link.active .toc-num, .light-theme .toc-link.active .toc-num { background-color: var(--violet) !important; color: var(--white) !important; border-color: var(--violet) !important; }

[data-theme="light"] .btn-back-to-top, .light-theme .btn-back-to-top { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; color: var(--tx) !important; box-shadow: inset 0 1px 0 0 var(--white), var(--shadow-lg) !important; }
[data-theme="light"] .btn-back-to-top:hover, .light-theme .btn-back-to-top:hover { background-color: var(--bg2) !important; border-color: var(--violet) !important; }
[data-theme="light"] .btt-icon, .light-theme .btt-icon { background-color: var(--violet-alpha-12) !important; color: var(--violet-dark) !important; }

/* ============================================================================
   10. ПРОГРЕСС-БАРЫ, СТЕППЕР, КИНЕТИКА И СКЕЛЕТОНЫ
   ============================================================================ */
[data-theme="light"] .progress-bar-container, .light-theme .progress-bar-container { background-color: var(--slate-200) !important; }
[data-theme="light"] .progress-bar-fill.striped-animated, .light-theme .progress-bar-fill.striped-animated { background-image: linear-gradient(45deg, var(--black-alpha-08) 25%, transparent 25%, transparent 50%, var(--black-alpha-08) 50%, var(--black-alpha-08) 75%, transparent 75%, transparent); }
[data-theme="light"] .stepper-circle, .light-theme .stepper-circle { background-color: var(--slate-100) !important; border: 1px solid var(--slate-300) !important; color: var(--tx2) !important; }
[data-theme="light"] .stepper-item.done .stepper-circle, .light-theme .stepper-item.done .stepper-circle { background-color: var(--green-light) !important; border-color: var(--green-light) !important; color: var(--white) !important; }
[data-theme="light"] .stepper-item.active .stepper-circle, .light-theme .stepper-item.active .stepper-circle { background-color: var(--violet) !important; border-color: var(--violet) !important; color: var(--white) !important; }
[data-theme="light"] .stepper-title, .light-theme .stepper-title { color: var(--tx) !important; }
[data-theme="light"] .stepper-sub, .light-theme .stepper-sub { color: var(--tx3) !important; }
[data-theme="light"] .stepper-line, .light-theme .stepper-line { background-color: var(--slate-200) !important; }
[data-theme="light"] .stepper-item.done .stepper-line, .light-theme .stepper-item.done .stepper-line { background-color: var(--green-light) !important; }

[data-theme="light"] .grid-accordion, .light-theme .grid-accordion { border: 1px solid var(--border-color) !important; background-color: var(--white) !important; box-shadow: var(--shadow-card) !important; }
[data-theme="light"] .grid-accordion-item, .light-theme .grid-accordion-item { border-bottom: 1px solid var(--border-color) !important; }
[data-theme="light"] .grid-accordion-trigger, .light-theme .grid-accordion-trigger { background: transparent !important; color: var(--tx) !important; }
[data-theme="light"] .grid-accordion-trigger:hover, .light-theme .grid-accordion-trigger:hover { background-color: var(--slate-50) !important; color: var(--violet-dark) !important; }
[data-theme="light"] .grid-accordion-chevron, .light-theme .grid-accordion-chevron { color: var(--tx3) !important; }
[data-theme="light"] .grid-accordion-inner, .light-theme .grid-accordion-inner { background-color: var(--slate-50) !important; color: var(--tx2) !important; border-top: 1px solid var(--border-color) !important; }
[data-theme="light"] .sliding-capsule-container, .light-theme .sliding-capsule-container { background-color: var(--slate-100) !important; border: 1px solid var(--border-color) !important; }
[data-theme="light"] .tab-panel, .light-theme .tab-panel { background-color: var(--slate-50) !important; border: 1px solid var(--border-color) !important; color: var(--tx2) !important; }

[data-theme="light"] .skeleton-box, .light-theme .skeleton-box { background: linear-gradient(90deg, var(--slate-200) 0%, var(--slate-100) 50%, var(--slate-200) 100%); background-size: 200% 100%; }
[data-theme="light"] .sk-tile, .light-theme .sk-tile, [data-theme="light"] .sk-tab, .light-theme .sk-tab, [data-theme="light"] .sk-step, .light-theme .sk-step,
[data-theme="light"] .skeleton-card-preview, .light-theme .skeleton-card-preview, [data-theme="light"] .sk-card-fixed, .light-theme .sk-card-fixed,
[data-theme="light"] .sk-card-dept, .light-theme .sk-card-dept, [data-theme="light"] .sk-dept-fixed, .light-theme .sk-dept-fixed,
[data-theme="light"] .sk-table-fixed, .light-theme .sk-table-fixed, [data-theme="light"] .sk-list-fixed, .light-theme .sk-list-fixed,
[data-theme="light"] .sk-box, .light-theme .sk-box { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; }

[data-theme="light"] .skeleton-text, .light-theme .skeleton-text, [data-theme="light"] .sk-line, .light-theme .sk-line,
[data-theme="light"] .skeleton-line, .light-theme .skeleton-line, [data-theme="light"] .sk-table-cell, .light-theme .sk-table-cell,
[data-theme="light"] .skeleton-avatar, .light-theme .skeleton-avatar, [data-theme="light"] .sk-circle, .light-theme .sk-circle,
[data-theme="light"] .sk-avatar, .light-theme .sk-avatar, [data-theme="light"] .skeleton-circle, .light-theme .skeleton-circle,
[data-theme="light"] .sk-badge, .light-theme .sk-badge, [data-theme="light"] .skeleton-badge, .light-theme .skeleton-badge,
[data-theme="light"] .sk-btn, .light-theme .sk-btn { background-color: var(--slate-200) !important; }

/* ============================================================================
   11. UI-КИТ КОМПОНЕНТЫ И ИНТЕРАКТИВНЫЕ ЭЛЕМЕНТЫ (#uikit & #colors)
   ============================================================================ */
[data-theme="light"] .kpi-tile, .light-theme .kpi-tile { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-card) !important; }
[data-theme="light"] .kpi-tile.is-hover-demo, .light-theme .kpi-tile.is-hover-demo { background-color: var(--slate-50) !important; border-color: var(--violet) !important; box-shadow: var(--shadow-card-hover) !important; }
[data-theme="light"] .kpi-tile.is-active-demo, .light-theme .kpi-tile.is-active-demo { background-color: var(--card2) !important; border-color: var(--violet-light) !important; }
[data-theme="light"] .kpi-tile.is-success, .light-theme .kpi-tile.is-success { border-color: var(--green-alpha-28) !important; background-color: var(--green-alpha-12) !important; }
[data-theme="light"] .kpi-tile.is-alert, .light-theme .kpi-tile.is-alert { border-color: var(--red-alpha-28) !important; background-color: var(--red-alpha-12) !important; }
[data-theme="light"] .kpi-tile.is-empty-demo, .light-theme .kpi-tile.is-empty-demo,
[data-theme="light"] .kpi-tile.is-disabled-demo, .light-theme .kpi-tile.is-disabled-demo { background-color: var(--slate-50) !important; border: 1px solid var(--border-color) !important; color: var(--tx3) !important; }
[data-theme="light"] .kpi-tile-label, .light-theme .kpi-tile-label { color: var(--tx3) !important; }
[data-theme="light"] .kpi-tile-val, .light-theme .kpi-tile-val { color: var(--tx) !important; }
[data-theme="light"] .kpi-tile-sub, .light-theme .kpi-tile-sub { color: var(--tx2) !important; }

[data-theme="light"] .uikit-tabs-bar, .light-theme .uikit-tabs-bar { background-color: var(--slate-100) !important; border: 1px solid var(--border-color) !important; }
[data-theme="light"] .uikit-tab-item, .light-theme .uikit-tab-item { color: var(--tx2) !important; }
[data-theme="light"] .uikit-tab-item:hover, .light-theme .uikit-tab-item:hover,
[data-theme="light"] .uikit-tab-item.is-hover-demo, .light-theme .uikit-tab-item.is-hover-demo { color: var(--tx) !important; background-color: var(--slate-200) !important; }
[data-theme="light"] .uikit-tab-item.active, .light-theme .uikit-tab-item.active { background-color: var(--white) !important; color: var(--violet-dark) !important; border-color: var(--violet-alpha-28) !important; box-shadow: var(--shadow-sm) !important; }
[data-theme="light"] .uikit-tab-item.is-error, .light-theme .uikit-tab-item.is-error { color: var(--red-light) !important; background-color: var(--red-alpha-12) !important; border: 1px solid var(--red-alpha-28) !important; }

[data-theme="light"] .uikit-modal-demo, .light-theme .uikit-modal-demo { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: inset 0 1px 0 0 var(--white), var(--shadow-lg) !important; }
[data-theme="light"] .uikit-modal-demo .uikit-modal-head, .light-theme .uikit-modal-demo .uikit-modal-head,
[data-theme="light"] .uikit-modal-demo .uikit-modal-foot, .light-theme .uikit-modal-demo .uikit-modal-foot { background: transparent !important; border-color: var(--border-color) !important; }
[data-theme="light"] .uikit-modal-title, .light-theme .uikit-modal-title { color: var(--tx) !important; }
[data-theme="light"] .uikit-modal-body, .light-theme .uikit-modal-body { color: var(--tx2) !important; }

[data-theme="light"] .note-item-card, .light-theme .note-item-card { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-card) !important; }
[data-theme="light"] .note-item-card.is-resolved, .light-theme .note-item-card.is-resolved { border-color: var(--green-alpha-28) !important; background-color: var(--green-alpha-12) !important; }
[data-theme="light"] .note-item-card.is-critical, .light-theme .note-item-card.is-critical { border-color: var(--red-alpha-28) !important; background-color: var(--red-alpha-12) !important; }
[data-theme="light"] .note-author, .light-theme .note-author { color: var(--tx) !important; }
[data-theme="light"] .note-text, .light-theme .note-text { color: var(--tx2) !important; }

[data-theme="light"] .filter-chip-item, .light-theme .filter-chip-item { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; color: var(--tx2) !important; box-shadow: var(--shadow-sm) !important; border-radius: var(--r-full); }
[data-theme="light"] .filter-chip-item:hover, .light-theme .filter-chip-item:hover { background-color: var(--bg2) !important; color: var(--tx) !important; }
[data-theme="light"] .filter-chip-item.active, .light-theme .filter-chip-item.active { background-color: var(--chip-active-bg) !important; border-color: var(--violet) !important; color: var(--chip-active-tx) !important; }

[data-theme="light"] .color-card, .light-theme .color-card { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-card) !important; }
[data-theme="light"] .color-card:hover, .light-theme .color-card:hover { border-color: var(--violet) !important; box-shadow: var(--shadow-card-hover) !important; }
[data-theme="light"] .color-preview, .light-theme .color-preview { border: 1px solid var(--border-color) !important; }
[data-theme="light"] .color-name, .light-theme .color-name { color: var(--tx) !important; }
[data-theme="light"] .color-token, .light-theme .color-token { color: var(--tx3) !important; }
[data-theme="light"] .color-hex, .light-theme .color-hex { color: var(--tx2) !important; }

[data-theme="light"] .wcag-audit-card, .light-theme .wcag-audit-card { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-card) !important; }
[data-theme="light"] .wcag-audit-head, .light-theme .wcag-audit-head { border-bottom: 1px solid var(--border-color) !important; }
[data-theme="light"] .wcag-audit-title, .light-theme .wcag-audit-title { color: var(--tx) !important; }
[data-theme="light"] .wcag-badge-summary, .light-theme .wcag-badge-summary { background-color: var(--green-alpha-12) !important; color: var(--green-light) !important; border: 1px solid var(--green-alpha-28) !important; box-shadow: none !important; border-radius: var(--r-full); }
[data-theme="light"] .wcag-badge-pill.pass, .light-theme .wcag-badge-pill.pass { background-color: var(--green-alpha-12) !important; color: var(--green-light) !important; border: 1px solid var(--green-alpha-28) !important; box-shadow: none !important; border-radius: var(--r-full); }
[data-theme="light"] .wcag-badge-pill.fail, .light-theme .wcag-badge-pill.fail { background-color: var(--red-alpha-12) !important; color: var(--red-light) !important; border: 1px solid var(--red-alpha-28) !important; box-shadow: none !important; border-radius: var(--r-full); }
[data-theme="light"] .wcag-calc-card, .light-theme .wcag-calc-card { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-card) !important; }
[data-theme="light"] .wcag-calc-head, .light-theme .wcag-calc-head { border-bottom: 1px solid var(--border-color) !important; }
[data-theme="light"] .wcag-calc-title, .light-theme .wcag-calc-title { color: var(--tx) !important; }
[data-theme="light"] .wcag-calc-hint, .light-theme .wcag-calc-hint { color: var(--tx3) !important; }
[data-theme="light"] .wcag-calc-sample, .light-theme .wcag-calc-sample { border: 1px solid var(--border-color) !important; }
[data-theme="light"] .wcag-calc-results, .light-theme .wcag-calc-results { background-color: var(--slate-100) !important; border: 1px solid var(--border-color) !important; }
[data-theme="light"] .wcag-calc-ratio, .light-theme .wcag-calc-ratio { color: var(--tx) !important; }
[data-theme="light"] .wcag-calc-badge.pass, .light-theme .wcag-calc-badge.pass { background-color: var(--green-alpha-12) !important; color: var(--green-light) !important; border: 1px solid var(--green-alpha-28) !important; box-shadow: none !important; border-radius: var(--r-full); }
[data-theme="light"] .wcag-calc-badge.warn, .light-theme .wcag-calc-badge.warn { background-color: var(--amber-alpha-12) !important; color: var(--amber-light) !important; border: 1px solid var(--amber-alpha-28) !important; box-shadow: none !important; border-radius: var(--r-full); }
[data-theme="light"] .wcag-calc-badge.fail, .light-theme .wcag-calc-badge.fail { background-color: var(--red-alpha-12) !important; color: var(--red-light) !important; border: 1px solid var(--red-alpha-28) !important; box-shadow: none !important; border-radius: var(--r-full); }

[data-theme="light"] .spacing-item, .light-theme .spacing-item { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-card) !important; }
[data-theme="light"] .spacing-item:hover, .light-theme .spacing-item:hover { background-color: var(--slate-50) !important; border-color: var(--violet) !important; }
[data-theme="light"] .spacing-bar-wrap, .light-theme .spacing-bar-wrap { background-color: var(--slate-200) !important; }
[data-theme="light"] .radius-demo, .light-theme .radius-demo { background-color: var(--slate-50) !important; border: 1px solid var(--violet-alpha-28) !important; color: var(--tx) !important; }
[data-theme="light"] .radius-demo:hover, .light-theme .radius-demo:hover { background-color: var(--violet-alpha-12) !important; border-color: var(--violet) !important; }
[data-theme="light"] .radius-demo span, .light-theme .radius-demo span { color: var(--tx3) !important; }
[data-theme="light"] .radius-demo b, .light-theme .radius-demo b { color: var(--tx) !important; }

[data-theme="light"] .icon-card, .light-theme .icon-card { background-color: var(--white) !important; border: 1px solid var(--border-color) !important; border-radius: var(--r-md); box-shadow: var(--shadow-card) !important; }
[data-theme="light"] .icon-card:hover, .light-theme .icon-card:hover { background-color: var(--slate-100) !important; border-color: var(--violet) !important; color: var(--violet-dark) !important; }
[data-theme="light"] .icon-name, .light-theme .icon-name { color: var(--tx2) !important; }
[data-theme="light"] .icon-card:hover .icon-name, .light-theme .icon-card:hover .icon-name { color: var(--tx) !important; }

/* Интерактивные состояния образцов UI-кита */
[data-theme="light"] .state-filter-btn, .light-theme .state-filter-btn { border-radius: var(--r-full); }
[data-theme="light"] .state-current-badge, .light-theme .state-current-badge { border-radius: var(--r-full); }
[data-theme="light"] .btn-copy-snippet, .light-theme .btn-copy-snippet { border-radius: var(--r-full); }

/* ============================================================================
   12. ПРАВИЛО ПИЛЮЛИ (PILL RULE · height <= 40px)
   ============================================================================ */
[data-theme="light"] [class*="pill-"], .light-theme [class*="pill-"],
[data-theme="light"] [class*="-pill"], .light-theme [class*="-pill"],
[data-theme="light"] .pill, .light-theme .pill { border-radius: var(--r-full); }

/* ============================================================================
   13. ЗАКОН ДВУХ ШИРИН (412px Mobile & 1920px Desktop)
   ============================================================================ */
@media (max-width: 480px) {
  .token-tag, .live-token-val, .live-lh-val, .color-token, .color-hex,
  .wcag-table th, .typo-table th, .data-table th, .discord-violations-table th,
  .wcag-badge-pill, .wcag-calc-badge, .wcag-badge-summary, .spec-chip, .icon-name,
  .discord-stat-sub, .discord-stat-k, .discord-cat-pct, .discord-tag,
  .v-cat-badge, .v-line-num, .v-val-chip, .design-nav-chip, .wcag-calc-hint,
  .feed-title, .kpi-sub, .kpi-tile-label, .kpi-tile-sub, .event-time, .meta-time,
  .badge, .pill-badge, .role-badge, .rank-badge, .dept-tag, .perk-pill, .perk-badge,
  .model-pill, .status-pill, .state-current-badge, .chip-count, .discord-chip-count,
  .term-count-pill, .avatar-stack-more, .sys-mini-s, .user-role, .brand-sub,
  .head-sub, .toc-badge, .toc-num, .stepper-sub { font-size: var(--fs-sm) !important; }

  .design-section-desc, .card-demo-body, .card-demo-sub, .typo-table td,
  .wcag-table td, .data-table td, .states-matrix-row, .wcag-sample-text-base,
  .dept-desc, .empty-state-desc, .note-text, .toast-msg, .alert-banner-desc,
  .uikit-modal-body, .grid-accordion-inner, .card-sub-t, .stepper-title { font-size: var(--fs-body) !important; line-height: var(--lh-normal) !important; }

  kbd, .kbd, .shortcut, .hotkey-hint, .key-hint, [data-kbd],
  .search-kbd, .discord-search-kbd, .tooltip-kbd, .hotkey-badge,
  .dropdown-demo-item kbd { display: none !important; }
}