/* === KFAST DARK THEME - CLEAN (no purple tint) === */
/* Palet selaras dengan vertical.blade.php & kfast-readability-fix.css */

/* BODY: solid navy, no gradient */
[data-bs-theme="dark"] html,
[data-bs-theme="dark"] body,
[data-bs-theme="dark"] #main-wrapper,
[data-bs-theme="dark"] .page-wrapper,
[data-bs-theme="dark"] .body-wrapper,
[data-bs-theme="dark"] .bg-mask-wraper {
  background: #141827 !important;
}

/* TOPBAR + HEADER */
[data-bs-theme="dark"] .app-header,
[data-bs-theme="dark"] .header-fp,
[data-bs-theme="dark"] .topbar {
  background: #1c2340 !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid rgba(148,170,200,0.15) !important;
}

/* SIDEBAR */
[data-bs-theme="dark"] .left-sidebar,
[data-bs-theme="dark"] .sidebar-nav,
[data-bs-theme="dark"] .offcanvas,
[data-bs-theme="dark"] .navbar-collapse {
  background: #1c2340 !important;
  backdrop-filter: none !important;
}

/* CARD + PANEL (solid, terangkat) */
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .auth-card,
[data-bs-theme="dark"] .dropdown-menu,
[data-bs-theme="dark"] .modal-content {
  background: #1c2340 !important;
  border: 1px solid rgba(148,170,200,0.18) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.20) !important;
}

/* PAGE-LEVEL CARDS */
[data-bs-theme="dark"] .alert,
[data-bs-theme="dark"] .accordion-item,
[data-bs-theme="dark"] .faq-card,
[data-bs-theme="dark"] .guide-card,
[data-bs-theme="dark"] .contact-card,
[data-bs-theme="dark"] .help-card,
[data-bs-theme="dark"] .tos-card {
  background: #1c2340 !important;
  border: 1px solid rgba(148,170,200,0.18) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.20) !important;
}

/* FOCUS STATE (hilangkan glow ungu) */
[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
  box-shadow: 0 0 0 3px rgba(59,130,246,0.18) !important;
}

/* HOVER BUTTON */
[data-bs-theme="dark"] .btn-login:hover,
[data-bs-theme="dark"] .btn-gradient:hover,
[data-bs-theme="dark"] .nav-link:hover,
[data-bs-theme="dark"] .header-fp .btn:hover {
  box-shadow: 0 4px 12px rgba(59,130,246,0.20) !important;
}

/* DECORATIVE GLOW - netralkan */
[data-bs-theme="dark"] .bg-effect-double-circle,
[data-bs-theme="dark"] .bg-effect-double-circle::after,
[data-bs-theme="dark"] .bg-glow-o {
  background: transparent !important;
  filter: none !important;
}

[data-bs-theme="dark"] .bg-pattern-dot {
  background-image: radial-gradient(rgba(148,170,200,0.05) 1px, transparent 1px) !important;
}

[data-bs-theme="dark"] .preloader {
  background: #141827 !important;
}

/* OVERRIDE inline-style ungu-lembut di template */
[data-bs-theme="dark"] [style*="rgba(59, 130, 246,0.1)"],
[data-bs-theme="dark"] [style*="rgba(59, 130, 246,0.08)"],
[data-bs-theme="dark"] [style*="rgba(59, 130, 246,0.05)"],
[data-bs-theme="dark"] [style*="rgba(37, 99, 235,0.1)"],
[data-bs-theme="dark"] [style*="rgba(37, 99, 235,0.08)"],
[data-bs-theme="dark"] [style*="rgba(59, 130, 246, 0.1)"],
[data-bs-theme="dark"] [style*="rgba(59, 130, 246, 0.08)"],
[data-bs-theme="dark"] [style*="linear-gradient(135deg, rgba(59, 130, 246,0.1), rgba(37, 99, 235,0.1))"],
[data-bs-theme="dark"] [style*="linear-gradient(135deg, rgba(59, 130, 246,0.15), rgba(37, 99, 235,0.15))"],
[data-bs-theme="dark"] [style*="linear-gradient(135deg, rgba(59, 130, 246,0.08), rgba(37, 99, 235,0.08))"] {
  background: #1c2340 !important;
  border-color: rgba(148,170,200,0.18) !important;
}