/* ============================================================
   Midnight Command — общий тёмный «костюм» QR Consult
   Стиль-гайд: memory/STYLE_MIDNIGHT_COMMAND.md
   Применение: корневой контейнер страницы получает класс home-midnight,
   страница подключает этот файл и (если на base.html) переопределяет
   {% block header %}/{% block footer %} с обёртками .hm-header/.hm-footer.
   ============================================================ */

/* ---------- Токены ---------- */
.home-midnight {
  --hm-bg: #0B1220;
  --hm-bg-soft: #0E1730;
  --hm-card: rgba(255, 255, 255, 0.04);
  --hm-card-hover: rgba(255, 255, 255, 0.07);
  --hm-border: rgba(255, 255, 255, 0.10);
  --hm-border-hover: rgba(34, 211, 238, 0.45);
  --hm-accent: #6366f1;
  --hm-accent-hover: #818cf8;
  --hm-cyan: #22d3ee;
  --hm-text: #f1f5f9;
  --hm-text-muted: #94a3b8;
  --hm-text-faint: #64748b;
}

/* Переопределение глобальных переменных base.html для потомков .home-midnight.
   Страницы, построенные на var(--bg-primary) и т.п., темнеют автоматически. */
.home-midnight {
  --bg-primary: #0B1220;
  --bg-secondary: #0E1730;
  --bg-surface-card: rgba(255, 255, 255, 0.04);
  --bg-surface-hover: rgba(255, 255, 255, 0.07);
  --bg-input: rgba(255, 255, 255, 0.06);
  --text-primary: #f1f5f9;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --text-label: #94a3b8;
  --border-subtle: rgba(255, 255, 255, 0.10);
  --border-color: rgba(255, 255, 255, 0.12);
  --card-border: rgba(255, 255, 255, 0.10);
  --accent-primary: #6366f1;
  --accent-secondary: #818cf8;
  --color-success: #34d399;
  --color-info: #22d3ee;
  --color-warning: #fbbf24;
}

/* Bootstrap-классы на тёмной странице */
.home-midnight.bg-primary,
.home-midnight .bg-primary { background-color: #0B1220 !important; }
.home-midnight .text-primary { color: #f1f5f9 !important; }
.home-midnight .text-secondary { color: #94a3b8 !important; }

/* ---------- Типографика ---------- */
.home-midnight h1,
.home-midnight h2,
.home-midnight h3,
.home-midnight h4 {
  font-family: 'Geist', -apple-system, 'Segoe UI', sans-serif !important;
  letter-spacing: -0.025em;
}

/* ---------- Эффекты ---------- */
.hm-glow {
  position: absolute;
  border-radius: 9999px;
  filter: blur(90px);
  pointer-events: none;
}
.hm-grid-lines {
  background-image:
    linear-gradient(rgba(99, 102, 241, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(99, 102, 241, 0.05) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 30%, black 30%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 30%, black 30%, transparent 75%);
}

/* ---------- Hero flow: S-curve process diagram ---------- */
.flow-path {
  stroke-dasharray: 3 14;
  animation: hm-dash 8s linear infinite;
}
@keyframes hm-dash { to { stroke-dashoffset: -680; } }

.flow-orb {
  offset-path: path('M 150 230 C 320 110, 430 110, 600 230 C 770 350, 880 350, 1050 230');
  animation: hm-travel 6s linear infinite;
}
@keyframes hm-travel {
  0%   { offset-distance: 0%;   opacity: 0; }
  6%   { opacity: 1; }
  94%  { opacity: 1; }
  100% { offset-distance: 100%; opacity: 0; }
}

.hub-ring { animation: hm-ring 3.2s ease-in-out infinite; transform-origin: center; transform-box: fill-box; transition: stroke-width .25s; }
@keyframes hm-ring {
  0%, 100% { opacity: 0.55; transform: scale(1); }
  50%      { opacity: 0.15; transform: scale(1.18); }
}

.stage-dot { animation: hm-stage-pulse 3s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
@keyframes hm-stage-pulse {
  0%, 100% { opacity: 0.55; }
  50%      { opacity: 1; }
}

.hub-group { cursor: pointer; pointer-events: auto; transition: filter .25s ease; }
.hub-group:hover { filter: brightness(1.3); }
.hub-group .hub-core { transition: transform .25s ease; transform-box: fill-box; transform-origin: center; }
.hub-group:hover .hub-core { transform: scale(1.15); }
.hub-group:hover .hub-ring { stroke-width: 1.8; }
.hub-tip-bg, .hub-tip-text { opacity: 0; transition: opacity .25s ease; }
.hub-group:hover .hub-tip-bg,
.hub-group:hover .hub-tip-text { opacity: 1; }

.stage-group { cursor: default; }
.stage-group .stage-dot { transition: transform .2s ease; }
.stage-group:hover .stage-dot { transform: scale(1.3); }
.stage-group:hover .stage-label { fill: rgba(255,255,255,0.9); }

@media (prefers-reduced-motion: reduce) {
  .flow-path, .flow-orb, .flow-orb-dpo, .hub-ring, .stage-dot { animation: none; }
  .flow-orb, .flow-orb-dpo { opacity: 0; }
}

/* ---------- DPO flow: 5-step wavy path ---------- */
.flow-orb-dpo {
  offset-path: path('M 100 240 C 200 160, 250 150, 350 150 C 450 150, 500 340, 600 340 C 700 340, 750 150, 850 150 C 950 150, 1000 240, 1100 240');
  animation: hm-travel-dpo 7s linear infinite;
}
@keyframes hm-travel-dpo {
  0%   { offset-distance: 0%;   opacity: 0; }
  5%   { opacity: 1; }
  95%  { opacity: 1; }
  100% { offset-distance: 100%; opacity: 0; }
}

/* ---------- Scoped-перекраска типовых светлых классов ---------- */
.home-midnight .text-slate-900 { color: #f1f5f9 !important; }
.home-midnight .text-slate-800 { color: #e2e8f0 !important; }
.home-midnight .text-slate-700 { color: #cbd5e1 !important; }
.home-midnight .text-slate-600 { color: #94a3b8 !important; }
.home-midnight .text-slate-500 { color: #94a3b8 !important; }
.home-midnight .text-slate-400 { color: #94a3b8 !important; }
.home-midnight .text-slate-300 { color: #cbd5e1 !important; }
.home-midnight .bg-slate-50 { background-color: rgba(255, 255, 255, 0.06) !important; }
.home-midnight .bg-slate-100 { background-color: rgba(255, 255, 255, 0.07) !important; }
.home-midnight .border-slate-100,
.home-midnight .border-slate-200 { border-color: rgba(255, 255, 255, 0.10) !important; }
.home-midnight .divide-slate-100 > * + *,
.home-midnight .divide-slate-200 > * + * { border-color: rgba(255, 255, 255, 0.10) !important; }

/* Акцентные цвета → тёмная палитра */
.home-midnight .text-blue-600,
.home-midnight .text-blue-500,
.home-midnight .text-blue-700 { color: #22d3ee !important; }
.home-midnight .text-blue-400,
.home-midnight .text-blue-200,
.home-midnight .text-blue-100 { color: #67e8f9 !important; }
.home-midnight .text-green-600,
.home-midnight .text-green-500 { color: #34d399 !important; }
.home-midnight .text-indigo-600,
.home-midnight .text-indigo-500 { color: #818cf8 !important; }
.home-midnight .text-red-600,
.home-midnight .text-red-500 { color: #f87171 !important; }
.home-midnight .border-blue-500,
.home-midnight .border-blue-400 { border-color: rgba(34, 211, 238, 0.40) !important; }

/* Тонированные иконки/бейджи (пастельные 50/30 → тёмные 500/15) */
.home-midnight .bg-blue-50\/20,
.home-midnight .bg-blue-50\/30 { background-color: rgba(99, 102, 241, 0.15) !important; }
.home-midnight .bg-green-50\/20,
.home-midnight .bg-green-50\/30 { background-color: rgba(52, 211, 153, 0.15) !important; }
.home-midnight .bg-red-50\/30 { background-color: rgba(248, 113, 113, 0.15) !important; }
.home-midnight .bg-indigo-50\/30 { background-color: rgba(99, 102, 241, 0.18) !important; }

/* Полупрозрачные light-подложки (радио-лейблы, плитки) → тёмное стекло */
.home-midnight .bg-slate-50\/50,
.home-midnight .bg-slate-50\/60 { background-color: rgba(255, 255, 255, 0.05) !important; }
.home-midnight .bg-white { background-color: rgba(255, 255, 255, 0.06) !important; }

/* Hover-состояния, которые ломали контраст (белый/светло-серый → стекло) */
.home-midnight .hover\:bg-white:hover { background-color: rgba(255, 255, 255, 0.10) !important; }
.home-midnight .hover\:bg-slate-100:hover,
.home-midnight .hover\:bg-slate-50:hover { background-color: rgba(255, 255, 255, 0.08) !important; }

/* Шаги калькуляторов: подписи, тёмные нативные контролы */
.home-midnight .step-label { color: #f1f5f9 !important; }
.home-midnight input,
.home-midnight select,
.home-midnight textarea { color-scheme: dark; }

/* Раскрывающиеся списки: option-элементы рендерятся браузером с белым фоном
   и наследуют светлый текст (белое по белому) — принудительно тёмный список.
   color-scheme: dark заставляет Chrome рисовать нативный попап тёмным. */
.home-midnight select,
.home-midnight select option,
.home-midnight select optgroup {
  color-scheme: dark !important;
}
.home-midnight select option,
.home-midnight select optgroup {
  background-color: #0E1730 !important;
  color: #f1f5f9 !important;
}

/* ===== Витрины business/personal (segment_base + service_cards) ===== */
/* Полупрозрачные белые подложки → стекло */
.home-midnight .bg-white\/30 { background-color: rgba(255, 255, 255, 0.04) !important; }
.home-midnight .bg-white\/50 { background-color: rgba(255, 255, 255, 0.06) !important; }
.home-midnight .bg-white\/90 { background-color: rgba(255, 255, 255, 0.08) !important; }
.home-midnight .bg-slate-200 { background-color: rgba(255, 255, 255, 0.08) !important; }

/* Бейдж сегмента и шаги процесса */
.home-midnight .border-blue-50,
.home-midnight .border-blue-100,
.home-midnight .border-blue-200 { border-color: rgba(99, 102, 241, 0.30) !important; }
.home-midnight .border-emerald-100,
.home-midnight .border-violet-100,
.home-midnight .border-amber-100,
.home-midnight .border-rose-100,
.home-midnight .border-orange-100 { border-color: rgba(255, 255, 255, 0.14) !important; }

/* Пастельные бейджи категорий → тонированные тёмные */
.home-midnight .bg-blue-50\/30 { background-color: rgba(99, 102, 241, 0.15) !important; }
.home-midnight .bg-emerald-50\/20,
.home-midnight .bg-emerald-50\/30 { background-color: rgba(52, 211, 153, 0.15) !important; }
.home-midnight .bg-violet-50\/30 { background-color: rgba(139, 92, 246, 0.16) !important; }
.home-midnight .bg-amber-50\/30 { background-color: rgba(251, 191, 36, 0.15) !important; }
.home-midnight .bg-rose-50\/30 { background-color: rgba(251, 113, 133, 0.15) !important; }
.home-midnight .bg-orange-50\/30 { background-color: rgba(251, 146, 60, 0.15) !important; }

/* Цвета текста бейджей категорий */
.home-midnight .text-emerald-600 { color: #34d399 !important; }
.home-midnight .text-violet-600 { color: #a78bfa !important; }
.home-midnight .text-amber-600 { color: #fbbf24 !important; }
.home-midnight .text-rose-600 { color: #fb7185 !important; }
.home-midnight .text-orange-600 { color: #fb923c !important; }

/* ===== Sud-praktika: алерты и модалка (scoped — CRM-вкладка дела не затронута) ===== */
.home-midnight #sud-praktika-error { background: rgba(239, 68, 68, 0.12) !important; color: #f87171 !important; border-color: rgba(239, 68, 68, 0.30) !important; }
.home-midnight #sud-praktika-info { background: rgba(99, 102, 241, 0.12) !important; color: #a5b4fc !important; border-color: rgba(99, 102, 241, 0.30) !important; }
.home-midnight #sud-praktika-warning { background: rgba(245, 158, 11, 0.12) !important; color: #fbbf24 !important; border-color: rgba(245, 158, 11, 0.30) !important; }
.home-midnight #sud-praktika-empty { background: rgba(255, 255, 255, 0.06) !important; color: #e2e8f0 !important; border-color: rgba(255, 255, 255, 0.12) !important; }
.home-midnight #sud-praktika-email-error { background: rgba(239, 68, 68, 0.12) !important; color: #f87171 !important; }
.home-midnight #sud-praktika-email-success { background: rgba(16, 185, 129, 0.12) !important; color: #34d399 !important; }

/* Модалка AI-пре-анализа: белая → тёмная, внутренние панели */
.home-midnight #sud-praktika-pre-analysis-modal > div {
  background: #0E1730 !important;
  border-color: rgba(99, 102, 241, 0.35) !important;
}
.home-midnight #sud-praktika-pre-analysis-modal .bg-indigo-50 { background-color: rgba(99, 102, 241, 0.15) !important; }
.home-midnight #sud-praktika-pre-analysis-modal .border-indigo-100 { border-color: rgba(99, 102, 241, 0.25) !important; }
.home-midnight #sud-praktika-pre-analysis-modal .text-indigo-700 { color: #a5b4fc !important; }
.home-midnight #sud-praktika-pre-analysis-modal .text-indigo-600,
.home-midnight #sud-praktika-pre-analysis-modal .text-indigo-500 { color: #818cf8 !important; }
.home-midnight #sud-praktika-pre-analysis-modal .bg-slate-600 { background-color: #334155 !important; }
.home-midnight #sud-praktika-pre-analysis-modal .bg-indigo-600 { background-color: #6366f1 !important; }

/* ===== Header: Midnight Command ===== */
/* display:contents — обёртка не создаёт бокса, sticky-хедер работает в контексте body */
.hm-header {
  display: contents;
}
.hm-header header {
  background: rgba(11, 18, 32, 0.85) !important;
  border-bottom-color: rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}
.hm-header .logo-link span,
.hm-header .logo-link {
  color: #f1f5f9 !important;
}
.hm-header nav a,
.hm-header nav button,
.hm-header .flex.items-center a,
.hm-header .flex.items-center button {
  color: #94a3b8 !important;
}
.hm-header nav a:hover,
.hm-header nav button:hover {
  color: #22d3ee !important;
  background: rgba(255, 255, 255, 0.08) !important;
}
.hm-header nav a[class*="bg-indigo-600"],
.hm-header nav button[class*="bg-indigo-600"],
.hm-header a[class*="bg-indigo-600"],
.hm-header button[class*="bg-indigo-600"],
.hm-header .flex.items-center a[class*="bg-indigo-600"],
.hm-header .flex.items-center button[class*="bg-indigo-600"] {
  background: #6366f1 !important;
  color: #fff !important;
}
.hm-header a[class*="bg-indigo-600"]:hover,
.hm-header button[class*="bg-indigo-600"]:hover,
.hm-header .flex.items-center a[class*="bg-indigo-600"]:hover,
.hm-header .flex.items-center button[class*="bg-indigo-600"]:hover {
  background: #818cf8 !important;
}
/* Dropdown-панели и мобильное меню */
.hm-header [class*="bg-white border"],
.hm-header [class*="bg-white"][class*="shadow"] {
  background: #0E1730 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
.hm-header [class*="bg-white"][class*="shadow"] a {
  color: #94a3b8 !important;
}
.hm-header [class*="bg-white"][class*="shadow"] a:hover {
  color: #22d3ee !important;
  background: rgba(255, 255, 255, 0.08) !important;
}
.hm-header [class*="bg-white"][class*="shadow"] [class*="hover:bg-slate-100"] {
  background: transparent !important;
}
.hm-header [class*="bg-white"][class*="shadow"] hr,
.hm-header [class*="bg-white"][class*="shadow"] [class*="border-slate-200"] {
  border-color: rgba(255, 255, 255, 0.10) !important;
}
/* Разделитель правой зоны */
.hm-header [class*="border-l border-slate-200"] {
  border-left-color: rgba(255, 255, 255, 0.10) !important;
}
/* Бургер/кнопка выхода */
.hm-header button[class*="bg-white border"],
.hm-header button[class*="bg-slate-100"] {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #cbd5e1 !important;
}
.hm-header [class*="text-slate-400"],
.hm-header [class*="text-slate-600"] {
  color: #94a3b8 !important;
}
.hm-header [class*="hover:bg-red-50"],
.hm-header [class*="hover:bg-slate-100"] {
  background: transparent !important;
}

/* ===== Footer: Midnight Command ===== */
.hm-footer footer {
  background: #0B1220 !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
  color: #64748b !important;
}
.hm-footer [class*="text-slate-900"],
.hm-footer [class*="text-slate-800"] {
  color: #f1f5f9 !important;
}
.hm-footer [class*="text-slate-500"],
.hm-footer [class*="text-slate-400"] {
  color: #94a3b8 !important;
}
.hm-footer h3 {
  color: #22d3ee !important;
}
.hm-footer a {
  color: #94a3b8 !important;
}
.hm-footer a:hover {
  color: #22d3ee !important;
}
.hm-footer [class*="bg-white border"] {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #94a3b8 !important;
}
.hm-footer [class*="bg-white border"]:hover {
  background: rgba(255, 255, 255, 0.10) !important;
  color: #22d3ee !important;
}
.hm-footer [class*="bg-slate-300"] {
  background: #475569 !important;
}
.hm-footer [class*="border-t border-slate-200"] {
  border-top-color: rgba(255, 255, 255, 0.10) !important;
}

/* ===== Contacts: hero gradient + form inputs ===== */
.home-midnight .bg-gradient-to-b.from-blue-100\/50.to-transparent {
  background: radial-gradient(ellipse, rgba(99, 102, 241, 0.08), transparent 70%) !important;
}
.home-midnight .bg-slate-50\/20 { background-color: rgba(255, 255, 255, 0.05) !important; }
.home-midnight .border-slate-200\/50 { border-color: rgba(255, 255, 255, 0.10) !important; }

/* ===== Policy: A4-стиль для контента (inline-стили в шаблоне) ===== */
/* Hero-градиент и секции */
.home-midnight .bg-gradient-to-b { background: linear-gradient(to bottom, #0E1730, #0B1220) !important; }
.home-midnight .bg-gradient-to-br.from-blue-600 { background-image: linear-gradient(to bottom right, #312e81, #1e293b) !important; }
/* policy-content h2/h3/strong — тёмные (как в редакторе secure-panel) */
.home-midnight .policy-content h2 { color: #0f172a !important; }
.home-midnight .policy-content h3 { color: #334155 !important; }
.home-midnight .policy-content ul { color: #475569 !important; }
.home-midnight .policy-content strong { color: #0f172a !important; }
.home-midnight .policy-content .highlight {
  background: rgba(59, 130, 246, 0.04) !important;
  border-left-color: #2563eb !important;
}

/* ===== Billing Guide: переопределение --sp-* переменных ===== */
.home-midnight {
  --sp-bg: #0B1220;
  --sp-surface: rgba(255, 255, 255, 0.04);
  --sp-surface-hover: rgba(255, 255, 255, 0.07);
  --sp-border: rgba(255, 255, 255, 0.10);
  --sp-primary: #818cf8;
  --sp-primary-dim: rgba(99, 102, 241, 0.15);
  --sp-text: #f1f5f9;
  --sp-text-muted: #94a3b8;
  --sp-text-dim: #64748b;
}
/* Guide: hero, sidebar, cards, tags, TOC */
.home-midnight .guide-sidebar { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.10) !important; }
.home-midnight .guide-article-card { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.10) !important; }
.home-midnight .guide-article-card:hover { background: rgba(255, 255, 255, 0.07) !important; }
.home-midnight .guide-tag { background: rgba(99, 102, 241, 0.12) !important; border-color: rgba(99, 102, 241, 0.25) !important; color: #a5b4fc !important; }
.home-midnight .guide-toc { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.10) !important; }
.home-midnight .guide-toc-link { color: #94a3b8 !important; }
.home-midnight .guide-toc-link.is-active { color: #818cf8 !important; background: rgba(99, 102, 241, 0.12) !important; }
.home-midnight .guide-article-body { color: #e2e8f0 !important; }
.home-midnight .guide-article-body h1,
.home-midnight .guide-article-body h2,
.home-midnight .guide-article-body h3 { color: #f1f5f9 !important; }
.home-midnight .guide-article-body a { color: #818cf8 !important; }
.home-midnight .guide-article-body code { background: rgba(255, 255, 255, 0.06) !important; color: #e2e8f0 !important; }
.home-midnight .guide-article-body pre { background: rgba(0, 0, 0, 0.30) !important; border-color: rgba(255, 255, 255, 0.10) !important; }
.home-midnight .guide-card-icon-box { background: rgba(99, 102, 241, 0.15) !important; }
.home-midnight .guide-progress-bar { background: #6366f1 !important; }
.home-midnight .guide-section button { color: #cbd5e1 !important; }
.home-midnight .guide-section button:hover { color: #818cf8 !important; }
.home-midnight .guide-article-link { color: #94a3b8 !important; }
.home-midnight .guide-article-link:hover { color: #e2e8f0 !important; background: rgba(255, 255, 255, 0.06) !important; }
.home-midnight .guide-btn-top { background: #6366f1 !important; }
.home-midnight .guide-breadcrumbs a { color: #94a3b8 !important; }
.home-midnight .guide-breadcrumbs a:hover { color: #818cf8 !important; }
.home-midnight .guide-breadcrumbs-sep { color: #64748b !important; }

/* ===== Cookie Settings: toggle, toast, category tags ===== */
.home-midnight .toggle-knob { background: #e2e8f0 !important; }
.home-midnight [role="switch"][aria-checked="true"] .toggle-knob,
.home-midnight button[role="switch"] .toggle-knob { background: #fff !important; }
.home-midnight .bg-blue-50 { background-color: rgba(99, 102, 241, 0.15) !important; }
.home-midnight .bg-sky-50 { background-color: rgba(34, 211, 238, 0.15) !important; }
.home-midnight .bg-slate-100 { background-color: rgba(255, 255, 255, 0.07) !important; }
.home-midnight .text-sky-600 { color: #22d3ee !important; }
.home-midnight .text-blue-600 { color: #818cf8 !important; }
.home-midnight .hover\:bg-red-50:hover { background-color: rgba(248, 113, 113, 0.15) !important; }
.home-midnight .border-slate-100 { border-color: rgba(255, 255, 255, 0.10) !important; }
.home-midnight .divide-slate-100 > * + * { border-color: rgba(255, 255, 255, 0.10) !important; }
.home-midnight .bg-emerald-500 { background-color: #34d399 !important; }
.home-midnight .shadow-emerald-500\/20 { box-shadow: 0 10px 25px rgba(52, 211, 153, 0.20) !important; }
.home-midnight .border-emerald-100 { border-color: rgba(52, 211, 153, 0.25) !important; }
.home-midnight .text-emerald-500 { color: #34d399 !important; }

/* Auth pages (login/register/request-invite) НЕ редизайним — base_auth.html уже имеет
   собственный glass-effect с тёмной левой колонкой и светлой формой. Оверрайды .glass-effect
   слишком агрессивны и конфликтуют с inline-стилями base_auth.html. */
/* Version dropdown: bg-white → тёмное, bg-blue-50 → accent */
.home-midnight .bg-blue-50 { background-color: rgba(99, 102, 241, 0.15) !important; }
.home-midnight .text-blue-700 { color: #a5b4fc !important; }
.home-midnight .hover\:bg-slate-50:hover { background-color: rgba(255, 255, 255, 0.08) !important; }
/* TOC sidebar active state */
.home-midnight .bg-blue-50.text-blue-700 { background-color: rgba(99, 102, 241, 0.18) !important; color: #a5b4fc !important; }