/* §214 (потребителска заявка - "тъмен интерфейс на уеб страниците") -
   ГЛОБАЛЕН dark mode CSS слой, инжектиран от nav.js на ВСЯКА страница
   (единна точка на промяна, вместо 70+ ръчно editирани HTML файла).
   Targeting COMMON structural patterns, ползвани consistently низ
   цялото приложение тая сесия (body/header/.panel/table/input/button),
   ПЛЮС inline-style override-и за най-честите hardcoded hex стойности
   (background: white, color: #1a1a2e и т.н.) - inline styles имат
   по-висок specificity, затова тук всичко е с !important.

   ЧЕСТНА БЕЛЕЖКА: с 70+ страници, всяка с леко различен custom CSS,
   100% pixel-perfect покритие на ВСЯКА страница не е гарантирано без
   individual тест на всяка - тоя файл покрива established common
   patterns (established design system тая сесия), не guarantee за
   всеки edge case custom styling. */

[data-theme="dark"] {
  color-scheme: dark;
}

/* --- Base page structure --- */
[data-theme="dark"] body {
  background: #0f172a !important;
  color: #e2e8f0 !important;
}
[data-theme="dark"] header {
  background: #1e293b !important;
  border-bottom-color: #334155 !important;
}
[data-theme="dark"] main { color: #e2e8f0; }

/* --- Cards / panels (most common container pattern тая сесия) --- */
[data-theme="dark"] .panel,
[data-theme="dark"] .card,
[data-theme="dark"] .chart-card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .console-panel,
[data-theme="dark"] .commands-panel,
[data-theme="dark"] .bindings-panel,
[data-theme="dark"] .modal,
[data-theme="dark"] .result-box,
[data-theme="dark"] .toolbar,
[data-theme="dark"] .saved-filters-bar,
[data-theme="dark"] .sidebar,
[data-theme="dark"] .canvas-panel,
[data-theme="dark"] .category-group,
[data-theme="dark"] .side-panel {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #e2e8f0 !important;
}
[data-theme="dark"] .panel h2,
[data-theme="dark"] .panel h3,
[data-theme="dark"] .card h2,
[data-theme="dark"] .card h3,
[data-theme="dark"] .console-panel h2,
[data-theme="dark"] .commands-panel h2,
[data-theme="dark"] .bindings-panel h2,
[data-theme="dark"] .modal h2,
[data-theme="dark"] .modal h3,
[data-theme="dark"] .sidebar h2,
[data-theme="dark"] .sidebar h3,
[data-theme="dark"] .category-group h2,
[data-theme="dark"] .category-group h3 {
  color: #f1f5f9 !important;
}

/* §CSS-dark-audit-sweep (потребителска заявка - "прегледай всички екрани с
   тъмна тема и оправи където намериш проблеми") - .modal/.result-box/
   .toolbar/.sidebar/.canvas-panel/.category-group добавени в общия panel
   selector list по-горе (established §226/§CSS-help-dark-fix паттърн:
   custom class, hardcoded бял фон, ambient forced светъл текст → невидим
   резултат). НО .result-box.error/.status-msg.err и подобни ВЕЧЕ имат
   собствена, self-contained readable комбинация (светъл pastel фон +
   съответстващ тъмен текст, напр. #fee2e2+#991b1b) -ပринудителното тъмно
   превръщане на фона БЕЗ да пипнем текста би счупило ТЯХ вместо да ги
   поправи (тъмно-червен текст върху тъмно-син фон = нечетимо). Explicit
   override ТУК, СЛЕД general rule-a (по-висока specificity, restore-ва
   правилна error комбинация за тъмна тема). */
[data-theme="dark"] .result-box.error,
[data-theme="dark"] .status-msg.err,
[data-theme="dark"] .error-box,
[data-theme="dark"] .history-error {
  background: #3f1d1d !important;
  color: #fca5a5 !important;
  border-color: #7f1d1d !important;
}
[data-theme="dark"] .modal label,
[data-theme="dark"] .props-panel label {
  color: var(--wms-ink-on-dark) !important;
}
[data-theme="dark"] .meta-note {
  /* §CSS-dark-contrast (потребителска заявка - "текстовете в тъмната
     тема излизат много бледо") - slate-500 (#64748b) на тъмен фон
     (#1e293b/#0f172a) не дава достатъчен контраст за комфортно
     четене - вдигнато на slate-400. */
  color: var(--wms-ink-muted-on-dark) !important;
}

/* §CSS-order-card-dark-fix (потребителска заявка - screenshot: "визуализацията
   на страницата има проблем с тези бели полета... това го има и на други
   страници") - genuine gap в established §214 "common patterns" покритие:
   .order-card/.order-summary (shipments.html/orders.html - shipment/order
   списъци с "Allocate" бутон) си имат СОБСТВЕН hardcoded #fafafa фон,
   различен от общия .panel/.card selector по-горе - затова НЕ се хващаше
   от него, оставаше светъл в тъмна тема, докато .order-card контейнерът
   около него (naked border, без background) си остава прозрачен - крайният
   резултат: светла лента, "залепена" върху тъмния фон на страницата. */
[data-theme="dark"] .order-card {
  border-color: #334155 !important;
}
[data-theme="dark"] .order-summary {
  background: #1e293b !important;
  color: #e2e8f0 !important;
}
[data-theme="dark"] .order-num {
  color: #f1f5f9 !important;
}

/* --- Tables --- */
[data-theme="dark"] table {
  color: #e2e8f0;
  --bs-table-bg: transparent;
  --bs-table-color: #e2e8f0;
  --bs-table-striped-bg: rgba(255,255,255,0.05);
  --bs-table-striped-color: #e2e8f0;
  --bs-table-hover-bg: rgba(255,255,255,0.075);
  --bs-table-hover-color: #e2e8f0;
  --bs-table-border-color: #334155;
}
/* §409 - виж идентичен коментар в nav.js: Bootstrap table background/color
   се управлява от --bs-table-* CSS variables (различен data-bs-theme
   атрибут), не просто от color property-то - фикснато тук за консистентност
   с nav.js-injected копието на тоя файл. */
[data-theme="dark"] th {
  background: #1e293b !important;
  color: var(--wms-ink-on-dark) !important;
  border-color: #334155 !important;
}
[data-theme="dark"] td {
  border-top-color: #334155 !important;
  color: #e2e8f0 !important;
}
/* §CSS-movement-history-row-fix (потребителски bug report - screenshot на
   "Движения" листа: "Оправи цветовете на белите редове") - 18 страници
   имат hardcoded LIGHT фон directno на <tr> елемента самия (`tbody
   tr:nth-child(even) { background: #f9fafb; }` в собствения им <style>
   блок), НЕ на <td> - предишното правило тук таргетирало само td-тата
   (полу-прозрачен overlay), оставяйки светлия tr фон да прозира отдолу
   (td overlay-a с alpha 0.02 практически невидим върху него) - комбинирано
   с forced светъл text цвят (dark theme-ния td color правило) резултирало
   в нечетим "избелен" текст на всеки втори ред. Fix: explicit dark фон
   directno на <tr> елемента, override-вайки местния page-specific rule. */
[data-theme="dark"] tbody tr:nth-child(even) { background: #1a2436 !important; }
[data-theme="dark"] tr:nth-child(even) td { background: transparent !important; }

/* --- Forms --- */
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #e2e8f0 !important;
}
[data-theme="dark"] label { color: var(--wms-ink-on-dark) !important; }
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder { color: var(--wms-ink-muted-on-dark) !important; }

/* --- Buttons (secondary/outline варианти, primary остава accent цвят) --- */
[data-theme="dark"] button.secondary,
[data-theme="dark"] button[class*="secondary"] {
  background: #1e293b !important;
  color: var(--wms-ink-on-dark) !important;
  border-color: #334155 !important;
}

/* --- Common inline-style overrides (background: white / hardcoded text colors) --- */
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background:white"] {
  background: #1e293b !important;
}
[data-theme="dark"] [style*="color: #1a1a2e"],
[data-theme="dark"] [style*="color:#1a1a2e"] {
  color: #e2e8f0 !important;
}
[data-theme="dark"] [style*="background: #f4f5f7"],
[data-theme="dark"] [style*="background:#f4f5f7"] {
  background: #0f172a !important;
}
[data-theme="dark"] [style*="border: 1px solid #e5e7eb"],
[data-theme="dark"] [style*="border: 1px solid #d1d5db"],
[data-theme="dark"] [style*="border-bottom: 1px solid #e5e7eb"] {
  border-color: #334155 !important;
}

/* --- Nav bar (rendered от nav.js, малко различна структура) --- */
/* §CSS-nav-dark-contrast (потребителска заявка - screenshot на menu-то,
   "менюто също трябва да се оправи CSS-a") - genuinely намерен gap:
   top-level dropdown category labels (Приемане/Изпращане/... ▾) са
   рендирани като <span class="nav-top-link">, НЕ <a> - предишното
   правило тук таргетирало само ".app-nav a" - span-овете оставали със
   светло-темния цвят (#374151, тъмно сиво) върху тъмния header фон,
   почти нечетими. Разширено да покрива ЦЕЛИЯ ".nav-top-link" клас
   (общ за <a> И <span> top-level items), не само <a>. */
[data-theme="dark"] .app-nav a,
[data-theme="dark"] .app-nav .nav-top-link,
[data-theme="dark"] .app-nav button { color: var(--wms-ink-on-dark) !important; }
[data-theme="dark"] .app-nav .nav-top-link:hover,
[data-theme="dark"] .app-nav .nav-item.open .nav-top-link { background: #334155 !important; color: #a5b4fc !important; }
[data-theme="dark"] .app-nav .nav-top-link.active-page { color: #a5b4fc !important; }
[data-theme="dark"] .app-nav .nav-dropdown {
  background: #1e293b !important;
  border-color: #334155 !important;
}
[data-theme="dark"] .app-nav .nav-dropdown a { color: var(--wms-ink-on-dark) !important; }
[data-theme="dark"] .app-nav .nav-dropdown a:hover { background: #334155 !important; color: #a5b4fc !important; }
[data-theme="dark"] .app-nav .nav-dropdown a.active-page { color: #a5b4fc !important; background: rgba(99,102,241,0.15) !important; }

/* --- Badges/pills - запазват собствения си accent цвят, само leg по-тъмен bg вариант --- */
[data-theme="dark"] .success-msg { background: rgba(34,197,94,0.15) !important; color: #4ade80 !important; }
[data-theme="dark"] .error-msg { background: rgba(239,68,68,0.15) !important; color: #f87171 !important; }
[data-theme="dark"] .badge-cheapest { background: rgba(34,197,94,0.15) !important; color: #4ade80 !important; }
[data-theme="dark"] .zone-chip { background: rgba(99,102,241,0.15) !important; color: #a5b4fc !important; }

/* --- Help modal (attachPanelHelp) - модалът пази собствен бял фон
   независимо от темата (не се управлява от тоя файл), но §CSS-dark-contrast
   разкри, че текстът МЪЛЧАЛИВО наследяваше dark-theme body color-a (светъл
   текст върху белия modal фон = блед/нечетим) - explicit color fix-нат
   directno в nav.js-овия .wms-help-modal inline <style> блок, не тук. --- */