/**
 * Printics centrale themalaag (WordPress-achtig: één plek voor modi).
 * Laadt ná style.css — overschrijft met hogere specificiteit waar nodig.
 *
 * Modus: html[data-theme="light"|"dark"|"debug"]
 * Dichtheid: html[data-density="comfortable"|"compact"] (o.a. voor mobiel / power users)
 * Viewport-hint (JS): html[data-viewport="narrow"|"wide"]
 */

/* -------------------------------------------------------------------------- */
/* Mobiel: iets compactere schaduwen & radius (blijft “hetzelfde thema”)       */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  html {
    --theme-mobile-tap-scale: 1.02;
    --shadow-lg: 0 8px 12px -2px rgb(0 0 0 / 0.12), 0 2px 4px -2px rgb(0 0 0 / 0.08);
    --shadow-2xl: 0 16px 28px -6px rgb(0 0 0 / 0.18), 0 6px 10px -4px rgb(0 0 0 / 0.12);
  }
}

html[data-viewport="narrow"] .navbar-nav .nav-link {
  padding-top: 0.65rem !important;
  padding-bottom: 0.65rem !important;
}

html[data-density="compact"] .main-content {
  padding-top: 5.25rem;
}

@media (max-width: 576px) {
  html[data-density="compact"] .main-content {
    padding-top: 4.75rem;
  }
}

/* -------------------------------------------------------------------------- */
/* Dark — hermap van bestaande --printics-* tokens zodat style.css meeschuift */
/* -------------------------------------------------------------------------- */
html[data-theme="dark"] {
  --printics-light: #0f172a;
  --printics-gray-50: #1e293b;
  --printics-gray-100: #334155;
  --printics-gray-200: #475569;
  --printics-gray-300: #64748b;
  --printics-gray-400: #94a3b8;
  --printics-gray-600: #cbd5e1;
  --printics-gray-700: #e2e8f0;
  --printics-gray-800: #f1f5f9;
  --printics-gray-900: #f8fafc;
  --printics-dark: #020617;
  --printics-primary: #9bacc8;
  --printics-primary-light: #b5c2d8;
  --printics-primary-dark: #7f92b0;
  --printics-primary-rgb: 155, 172, 200;
  --printics-secondary: #22d3ee;
  --printics-success: #34d399;
  --printics-warning: #fbbf24;
  --printics-danger: #f87171;
  --bs-primary: var(--printics-primary);
  --bs-primary-rgb: var(--printics-primary-rgb);
  --bs-link-color: var(--printics-primary-light);
  --bs-link-hover-color: var(--printics-primary);
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.35);
  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.45), 0 1px 2px -1px rgb(0 0 0 / 0.4);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.45), 0 2px 4px -2px rgb(0 0 0 / 0.35);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.5), 0 4px 6px -4px rgb(0 0 0 / 0.4);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.55), 0 8px 10px -6px rgb(0 0 0 / 0.45);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.55);
  --gradient-primary-light: linear-gradient(
    135deg,
    rgba(var(--printics-primary-rgb), 0.18) 0%,
    rgba(34, 211, 238, 0.14) 100%
  );
  --gradient-secondary-light: linear-gradient(
    135deg,
    rgba(34, 211, 238, 0.16) 0%,
    rgba(52, 211, 153, 0.14) 100%
  );
  --gradient-primary: linear-gradient(135deg, var(--printics-primary) 0%, var(--printics-secondary) 100%);
  --gradient-secondary: linear-gradient(135deg, var(--printics-secondary) 0%, var(--printics-success) 100%);
  /* Pagina-achtergrond: géén gray-900 — in dark-remap staat daar bijna wit (#f8fafc), vandaag de “witte balk”. */
  --theme-page-root-bg: var(--printics-dark);
  --theme-page-body-bg: var(--printics-light);
  background-color: var(--theme-page-root-bg);
  color-scheme: dark;
}

html[data-theme="dark"] body {
  background-color: var(--theme-page-body-bg) !important;
  background: var(--theme-page-body-bg) !important;
  /* Hoofdtekst iets luminanter dan gray-200 (remap → #475569) op slate */
  color: var(--printics-gray-600) !important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
  /* gray-50 remapt naar donker slate — géén kopkleur voor dark backgrounds */
  color: var(--printics-gray-800) !important;
}

html[data-theme="dark"] .navbar {
  background: rgba(15, 23, 42, 0.97) !important;
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .navbar.scrolled {
  background: rgba(15, 23, 42, 0.99) !important;
}

/* navbar-light is voor lichte modus gebouwd; in dark alle contrast expliciet herzetten */
html[data-theme="dark"] nav.navbar.navbar-light .navbar-brand {
  color: var(--printics-gray-800) !important;
}

html[data-theme="dark"] nav.navbar.navbar-light .navbar-toggler {
  border-color: rgba(226, 232, 240, 0.35);
}

html[data-theme="dark"] nav.navbar.navbar-light .navbar-toggler-icon {
  filter: invert(1) grayscale(100%) brightness(1.05);
}

html[data-theme="dark"] .navbar-nav .nav-link {
  color: rgba(226, 232, 240, 0.92) !important;
}

html[data-theme="dark"] .navbar-nav .nav-link:hover,
html[data-theme="dark"] .navbar-nav .nav-link:focus {
  color: var(--printics-primary-light) !important;
}

html[data-theme="dark"] .modern-card,
html[data-theme="dark"] .choice-card {
  background: var(--printics-gray-800) !important;
  color: var(--printics-gray-100) !important;
  border-color: rgba(148, 163, 184, 0.12) !important;
}

html[data-theme="dark"] .dropdown-menu {
  background-color: var(--printics-gray-800);
  border-color: rgba(148, 163, 184, 0.2);
}

html[data-theme="dark"] .dropdown-item {
  color: var(--printics-gray-100);
}

html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus {
  background-color: var(--printics-gray-700);
  color: var(--printics-gray-900);
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select {
  background-color: var(--printics-gray-800);
  border-color: rgba(148, 163, 184, 0.25);
  color: var(--printics-gray-100);
}

html[data-theme="dark"] .form-control::placeholder {
  color: var(--printics-gray-400);
}

html[data-theme="dark"] .text-muted {
  color: var(--printics-gray-400) !important;
}

html[data-theme="dark"] .bg-light {
  background-color: var(--printics-gray-800) !important;
}

html[data-theme="dark"] .border,
html[data-theme="dark"] .card {
  border-color: rgba(148, 163, 184, 0.15) !important;
}

html[data-theme="dark"] .card {
  background-color: var(--printics-gray-800);
  color: var(--printics-gray-100);
}

/* -------------------------------------------------------------------------- */
/* Debug — tijdelijk skin: duidelijke randen + banner (combineer met light)   */
/* -------------------------------------------------------------------------- */
html[data-theme="debug"] body {
  padding-top: 26px;
}

html[data-theme="debug"] body::before {
  content: "DEBUG THEME — layout / breakpoints";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200000;
  background: #c026d3;
  color: #fff;
  font: 700 11px/24px system-ui, sans-serif;
  text-align: center;
  pointer-events: none;
  letter-spacing: 0.04em;
}

html[data-theme="debug"] .navbar,
html[data-theme="debug"] .main-content,
html[data-theme="debug"] .modern-card,
html[data-theme="debug"] .choice-card,
html[data-theme="debug"] footer.footer {
  outline: 2px dashed #c026d3 !important;
  outline-offset: 2px;
}

html[data-theme="debug"] .container,
html[data-theme="debug"] .container-fluid {
  outline: 1px dotted rgba(192, 38, 211, 0.45);
  outline-offset: -1px;
}

/* Footer themaschakelaars (fase 1) */
.footer .btn-group .btn-outline-light.active {
  background-color: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.55);
  color: #fff;
}

.footer .btn-group .btn-outline-warning.active {
  background-color: rgba(250, 204, 21, 0.2);
  border-color: #facc15;
  color: #fef9c3;
}

/* Admin-navbar themaschakelaars (zelfde data-printics-theme als footer / theme-runtime.js) */
body.admin-app .admin-theme-toolbar .btn-outline-secondary.active {
  background-color: rgba(13, 110, 253, 0.12);
  border-color: #0d6efd;
  color: #0a58ca;
}

html[data-theme="dark"] body.admin-app .admin-theme-toolbar .btn-outline-secondary {
  color: rgba(241, 245, 249, 0.92);
  border-color: rgba(148, 163, 184, 0.45);
}

html[data-theme="dark"] body.admin-app .admin-theme-toolbar .btn-outline-secondary:hover {
  background-color: rgba(148, 163, 184, 0.12);
  color: #fff;
}

html[data-theme="dark"] body.admin-app .admin-theme-toolbar .btn-outline-secondary.active {
  background-color: rgba(59, 130, 246, 0.22);
  border-color: #93c5fd;
  color: #f8fafc;
}

html[data-theme="dark"] body.admin-app .admin-theme-toolbar .btn-outline-warning {
  color: #fde68a;
  border-color: rgba(250, 204, 21, 0.55);
}

html[data-theme="dark"] body.admin-app .admin-theme-toolbar .btn-outline-warning.active {
  background-color: rgba(250, 204, 21, 0.18);
  border-color: #facc15;
  color: #fef9c3;
}

/* =============================================================================
   Fase 2 — donker thema: kernpagina’s (Bootstrap, chat, winkelwagen, calculator)
   ============================================================================= */

/* Bootstrap / algemeen */
html[data-theme="dark"] .bg-white {
  background-color: var(--printics-gray-800) !important;
  color: var(--printics-gray-100);
}

html[data-theme="dark"] .text-dark {
  color: var(--printics-gray-100) !important;
}

html[data-theme="dark"] .border-light {
  border-color: rgba(148, 163, 184, 0.2) !important;
}

html[data-theme="dark"] .modal-content {
  background-color: var(--printics-gray-800);
  color: var(--printics-gray-100);
  border-color: rgba(148, 163, 184, 0.25);
}

html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer {
  border-color: rgba(148, 163, 184, 0.2);
}

html[data-theme="dark"] .btn-close {
  filter: invert(1) grayscale(100%) brightness(180%);
}

html[data-theme="dark"] .accordion-button {
  background-color: var(--printics-gray-800);
  color: var(--printics-gray-100);
}

html[data-theme="dark"] .accordion-button:not(.collapsed) {
  background-color: var(--printics-gray-800);
  color: var(--printics-gray-50);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 rgba(148, 163, 184, 0.15);
}

html[data-theme="dark"] .accordion-body {
  background-color: var(--printics-gray-900);
  color: var(--printics-gray-200);
}

html[data-theme="dark"] .list-group-item {
  background-color: var(--printics-gray-800);
  color: var(--printics-gray-100);
  border-color: rgba(148, 163, 184, 0.15);
}

html[data-theme="dark"] .table {
  --bs-table-bg: var(--printics-gray-800);
  --bs-table-color: var(--printics-gray-100);
  --bs-table-border-color: rgba(148, 163, 184, 0.2);
  color: var(--printics-gray-100);
}

html[data-theme="dark"] .table > :not(caption) > * > * {
  background-color: transparent;
  color: inherit;
}

html[data-theme="dark"] .page-link {
  background-color: var(--printics-gray-800);
  border-color: rgba(148, 163, 184, 0.25);
  color: var(--printics-gray-100);
}

html[data-theme="dark"] .page-link:hover {
  background-color: var(--printics-gray-700);
  color: var(--printics-gray-900);
}

html[data-theme="dark"] .page-item.active .page-link {
  background-color: var(--printics-primary-dark);
  border-color: var(--printics-primary);
  color: #fff;
}

html[data-theme="dark"] .breadcrumb-item + .breadcrumb-item::before {
  color: var(--printics-gray-400);
}

html[data-theme="dark"] .breadcrumb-item.active {
  color: var(--printics-gray-300);
}

/* Chat-widget (inline styles in base.html) */
html[data-theme="dark"] .chat-modal {
  background: var(--printics-gray-800);
  border: 1px solid rgba(148, 163, 184, 0.25);
  color: var(--printics-gray-100);
}

html[data-theme="dark"] .chat-messages {
  background: var(--printics-gray-900);
}

html[data-theme="dark"] .chat-message-content {
  background: #334155;
  color: var(--printics-gray-100);
}

html[data-theme="dark"] .chat-message.admin .chat-message-content {
  background: #475569;
  color: var(--printics-gray-50);
}

html[data-theme="dark"] .chat-input-container {
  background: var(--printics-gray-900);
  border-top-color: rgba(148, 163, 184, 0.2);
}

html[data-theme="dark"] .chat-status {
  background: var(--printics-gray-800);
  border-bottom-color: rgba(148, 163, 184, 0.2);
  color: var(--printics-gray-300);
}

html[data-theme="dark"] .chat-messages::-webkit-scrollbar-track {
  background: var(--printics-gray-800);
}

html[data-theme="dark"] .chat-messages::-webkit-scrollbar-thumb {
  background: #64748b;
}

html[data-theme="dark"] .chat-messages::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Winkelwagen + checkout: zelfde wrapper als calculator-shop-thema */
html[data-theme="dark"] .cart-calc-theme {
  --cc-bg: #0f172a;
  --cc-page-fg: #e2e8f0;
  --cc-panel: #1e293b;
  --cc-panel-deep: #0f172a;
  --cc-border: rgba(148, 163, 184, 0.22);
  --cc-muted: rgba(226, 232, 240, 0.55);
  --cc-text: rgba(248, 250, 252, 0.94);
  --bs-body-bg: #1e293b;
  --bs-body-color: rgba(248, 250, 252, 0.92);
  --bs-border-color: rgba(148, 163, 184, 0.25);
  --bs-secondary-bg: rgba(30, 41, 59, 0.85);
}

/* Prijscalculator: lichte UI-blokken in donker site-thema */
html.calc-fullscreen-app[data-theme="dark"] .viewer-bottombar {
  background: #1e293b !important;
  border-top-color: rgba(148, 163, 184, 0.22) !important;
}

html.calc-fullscreen-app[data-theme="dark"] .calc-mat-tab {
  background: #334155 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

html.calc-fullscreen-app[data-theme="dark"] .calc-mat-tab:hover {
  border-color: rgba(148, 163, 184, 0.45) !important;
}

html.calc-fullscreen-app[data-theme="dark"] .calc-mat-tab-name {
  color: #f1f5f9 !important;
}

html.calc-fullscreen-app[data-theme="dark"] .calc-mat-colors-heading {
  color: #f1f5f9 !important;
}

html.calc-fullscreen-app[data-theme="dark"] .calc-mat-tablist {
  border-bottom-color: rgba(148, 163, 184, 0.18);
}

html.calc-fullscreen-app[data-theme="dark"] .calc-dot-row {
  color: #94a3b8 !important;
}

html.calc-fullscreen-app[data-theme="dark"] .calc-settings-modal .modal-content {
  background: #1e293b;
  color: #e2e8f0;
  border-color: rgba(148, 163, 184, 0.25);
}

html.calc-fullscreen-app[data-theme="dark"] .calc-settings-modal .modal-header {
  border-bottom-color: rgba(148, 163, 184, 0.2);
}

html.calc-fullscreen-app[data-theme="dark"] .upload-zone {
  border-color: rgba(129, 140, 248, 0.65);
  background: rgba(30, 41, 59, 0.55);
  color: #e2e8f0;
}

html.calc-fullscreen-app[data-theme="dark"] .upload-zone:hover {
  background: rgba(51, 65, 85, 0.65);
  border-color: rgba(129, 140, 248, 0.85);
}

html.calc-fullscreen-app[data-theme="dark"] .upload-zone.dragover {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(52, 211, 153, 0.65);
}

/* Kaarten in calculator met halftransparant wit */
html.calc-fullscreen-app[data-theme="dark"] .card.shadow-sm[style*="255,255,255"] {
  background: rgba(30, 41, 59, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  color: #e2e8f0;
}

html.calc-fullscreen-app[data-theme="dark"] .calc-opt-thumb-shell--modal {
  background: #334155 !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

html.calc-fullscreen-app[data-theme="dark"] .calc-settings-modal .calc-opt-thumb-shell--modal {
  background: #475569 !important;
}

html.calc-fullscreen-app[data-theme="dark"] .calc-opt-thumb-shell--ph {
  background: repeating-linear-gradient(
      -45deg,
      #334155,
      #334155 6px,
      #475569 6px,
      #475569 12px
    )
    !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

/* Offcanvas / toast (Bootstrap) */
html[data-theme="dark"] .offcanvas,
html[data-theme="dark"] .offcanvas-header,
html[data-theme="dark"] .offcanvas-body {
  background-color: var(--printics-gray-800);
  color: var(--printics-gray-100);
}

html[data-theme="dark"] .toast {
  background-color: var(--printics-gray-800);
  color: var(--printics-gray-100);
  border-color: rgba(148, 163, 184, 0.25);
}

html[data-theme="dark"] .toast-header {
  background-color: var(--printics-gray-900);
  color: var(--printics-gray-100);
  border-bottom-color: rgba(148, 163, 184, 0.2);
}

/* Project configurator (inline .config-card / .setting-*) */
html[data-theme="dark"] .config-card {
  background: var(--printics-gray-800);
  border-color: rgba(148, 163, 184, 0.25) !important;
  color: var(--printics-gray-100);
}

html[data-theme="dark"] .setting-group {
  background: var(--printics-gray-900);
  color: var(--printics-gray-200);
}

html[data-theme="dark"] .setting-item {
  background: var(--printics-gray-800);
  border-color: rgba(148, 163, 184, 0.22) !important;
  color: var(--printics-gray-100);
}

/* Publieke order-status tijdlijn */
html[data-theme="dark"] .timeline-marker {
  background: var(--printics-gray-800) !important;
  border: 1px solid rgba(148, 163, 184, 0.35);
  color: var(--printics-gray-200);
}

html[data-theme="dark"] .btn-outline-secondary {
  color: var(--printics-gray-200) !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

html[data-theme="dark"] .btn-outline-secondary:hover {
  background: rgba(148, 163, 184, 0.15) !important;
  color: var(--printics-gray-50) !important;
}

html[data-theme="dark"] .nav-tabs .nav-link {
  color: var(--printics-gray-300);
}

html[data-theme="dark"] .nav-tabs .nav-link.active,
html[data-theme="dark"] .nav-tabs .nav-link:hover {
  color: var(--printics-gray-50);
}

/* Upload-, migratie- en client-uploadpagina’s (niet-calculator; calculator heeft eigen .upload-zone-regels) */
html[data-theme="dark"] .upload-zone {
  background: var(--printics-gray-800);
  border-color: rgba(148, 163, 184, 0.35);
  color: var(--printics-gray-200);
}

html[data-theme="dark"] .upload-zone:hover,
html[data-theme="dark"] .upload-zone.dragover {
  background: var(--printics-gray-700);
  border-color: var(--printics-primary);
  color: var(--printics-gray-50);
}

html[data-theme="dark"] .settings-card {
  background: var(--printics-gray-800);
  border-color: rgba(148, 163, 184, 0.25);
  color: var(--printics-gray-100);
}

html[data-theme="dark"] .file-preview {
  background: var(--printics-gray-900);
  border-color: rgba(148, 163, 184, 0.25);
  color: var(--printics-gray-200);
}

html[data-theme="dark"] .migration-card {
  background: var(--printics-gray-800);
  border-color: rgba(148, 163, 184, 0.25);
  color: var(--printics-gray-100);
}

html[data-theme="dark"] .file-item:hover {
  background: rgba(148, 163, 184, 0.12);
}

html[data-theme="dark"] .alert-info {
  background-color: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.35);
  color: var(--printics-gray-100);
}

/* Admin-paneel (zelfde data-theme als publiek; body.admin-app) */
html[data-theme="dark"] body.admin-app .admin-content {
  background-color: #0f172a !important;
  color: var(--printics-gray-200);
}

html[data-theme="dark"] body.admin-app .content-header,
html[data-theme="dark"] body.admin-app .stat-card,
html[data-theme="dark"] body.admin-app .form-section {
  background: var(--printics-gray-800) !important;
  color: var(--printics-gray-100);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(148, 163, 184, 0.15);
}

html[data-theme="dark"] body.admin-app .form-section-title {
  color: var(--printics-gray-50);
  border-bottom-color: rgba(148, 163, 184, 0.25);
}

html[data-theme="dark"] body.admin-app .color-sample {
  border-color: rgba(148, 163, 184, 0.35);
}

/* Admin: sidebar & vaste navbar — zelfde donkere taal als .admin-content */
html[data-theme="dark"] body.admin-app .admin-sidebar {
  background: linear-gradient(180deg, #0f172a 0%, #1e293b 52%, #0f172a 100%);
  color: var(--printics-gray-100);
  border-right: 1px solid rgba(148, 163, 184, 0.12);
  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] body.admin-app .admin-sidebar.employee-theme {
  background: linear-gradient(180deg, #172554 0%, #1e3a8a 48%, #172554 100%);
  border-right-color: rgba(96, 165, 250, 0.2);
}

html[data-theme="dark"] body.admin-app .admin-sidebar-header {
  border-bottom-color: rgba(148, 163, 184, 0.18);
}

html[data-theme="dark"] body.admin-app .admin-nav-section-title {
  color: rgba(148, 163, 184, 0.72);
  border-top-color: rgba(148, 163, 184, 0.12);
}

html[data-theme="dark"] body.admin-app .admin-nav-link {
  color: rgba(241, 245, 249, 0.88);
}

html[data-theme="dark"] body.admin-app .admin-nav-link:hover,
html[data-theme="dark"] body.admin-app .admin-nav-link.active {
  background: rgba(148, 163, 184, 0.14);
  color: #f8fafc;
}

html[data-theme="dark"] body.admin-app .admin-mobile-toggle {
  background: #334155;
  color: #f1f5f9;
  border: 1px solid rgba(148, 163, 184, 0.28);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] body.admin-app .admin-mobile-toggle.employee-theme {
  background: #1d4ed8;
  border-color: rgba(147, 197, 253, 0.35);
}

html[data-theme="dark"] body.admin-app .admin-sidebar::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.55);
}

html[data-theme="dark"] body.admin-app .admin-sidebar::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.32);
}

html[data-theme="dark"] body.admin-app .admin-sidebar::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.48);
}

html[data-theme="dark"] body.admin-app nav.navbar.fixed-top {
  background-color: #0f172a !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.15);
}

html[data-theme="dark"] body.admin-app nav.navbar.fixed-top .navbar-brand,
html[data-theme="dark"] body.admin-app nav.navbar.fixed-top .nav-link:not(.text-danger) {
  color: rgba(241, 245, 249, 0.92) !important;
}

html[data-theme="dark"] body.admin-app nav.navbar.fixed-top .nav-link:not(.text-danger):hover {
  color: #fff !important;
}

html[data-theme="dark"] body.admin-app nav.navbar.fixed-top .navbar-text,
html[data-theme="dark"] body.admin-app nav.navbar.fixed-top .navbar-text strong {
  color: rgba(226, 232, 240, 0.95) !important;
}

html[data-theme="dark"] body.admin-app nav.navbar.fixed-top .text-primary {
  color: #93c5fd !important;
}

html[data-theme="dark"] body.admin-app nav.navbar.fixed-top .text-info {
  color: #7dd3fc !important;
}

html[data-theme="dark"] body.admin-app nav.navbar.fixed-top .navbar-toggler {
  border-color: rgba(148, 163, 184, 0.35);
}

html[data-theme="dark"] body.admin-app nav.navbar.fixed-top .navbar-toggler-icon {
  filter: invert(1) brightness(1.1);
}

@media (max-width: 991.98px) {
  html[data-theme="dark"] nav.navbar.navbar-light .site-navbar-collapse {
    background: rgba(15, 23, 42, 0.98);
    border-radius: 0 0 10px 10px;
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-top: none;
    margin-top: 0;
    padding: 0.35rem 0.65rem 0.65rem;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
  }
}

@media (max-width: 991.98px) {
  html[data-theme="dark"] body.admin-app nav.navbar.fixed-top .navbar-collapse {
    background-color: #0f172a;
    margin-top: 0.25rem;
    padding-bottom: 0.75rem;
    border-radius: 0 0 10px 10px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-top: none;
  }
}