/**
 * ============================================================================
 * SMART TKA — PROFESSIONAL MULTI-TENANT THEME SYSTEM
 * ============================================================================
 * File: assets/css/tenant-theme.css
 * 
 * Tenants:
 * 1. DINAS PENDIDIKAN KOTA BANJAR -> Baseline Blue Theme
 * 2. KEMENTERIAN AGAMA KOTA BANJAR -> Official Emerald Green Theme (75% Neutral, 25% Green)
 * 3. MLBB PLATFORM -> Premium Dark Gaming Theme (#070B14, Surface #0F172A, Electric Blue, Violet, Cyan)
 * ============================================================================
 */

/* ============================================================================
   0. ZERO-FLASH ANTI-FOUC GUARD (PRE-PAINT PROTECTION)
   ============================================================================ */
html:not([data-brand-ready]) .header-brand-name,
html:not([data-brand-ready]) .header-brand-logo img,
html:not([data-brand-ready]) .header-brand-tag,
html:not([data-brand-ready]) #login-tenant-logo,
html:not([data-brand-ready]) #auth-tenant-logo,
html:not([data-brand-ready]) [data-tenant-logo],
html:not([data-brand-ready]) .topbar-logo,
html:not([data-brand-ready]) img.topbar-logo,
html:not([data-brand-ready]) .topbar-sub,
html:not([data-brand-ready]) .kop-logo,
html:not([data-brand-ready]) .kop-logo-wrap img,
html:not([data-brand-ready]) .kop-instansi,
html:not([data-brand-ready]) .login-logo,
html:not([data-brand-ready]) .login-logo img,
html:not([data-brand-ready]) .auth-left-brand,
html:not([data-brand-ready]) .auth-left-brand *,
html:not([data-brand-ready]) .auth-left-badge,
html:not([data-brand-ready]) .auth-left h1,
html:not([data-brand-ready]) .auth-desc,
html:not([data-brand-ready]) .sidebar-brand-name,
html:not([data-brand-ready]) .sidebar-brand-logo img,
html:not([data-brand-ready]) .sidebar-brand-tag,
html:not([data-brand-ready]) .hero-subtitle,
html:not([data-brand-ready]) .stka-topbar-info p,
html:not([data-brand-ready]) #topbar-mapel,
html:not([data-brand-ready]) .tt-agency,
html:not([data-brand-ready]) .footer-brand,
html:not([data-brand-ready]) .hero-authority-val,
html:not([data-brand-ready]) .hero-authority-detail,
html:not([data-brand-ready]) .hero-status-widget strong,
html:not([data-brand-ready]) .hsw-row strong,
html:not([data-brand-ready]) .tenant-integrity-badge {
  visibility: hidden !important;
}

/* ============================================================================
   1. KEMENAG — OFFICIAL EMERALD GREEN THEME
   Resmi, Wibawa, Bersih, Teduh, 75-80% Neutral + 20-25% Green Accent
   ============================================================================ */
html[data-theme="kemenag"],
body[data-theme="kemenag"],
[data-theme="kemenag"] {
  --primary: #15803D !important;
  --primary-hover: #166534 !important;
  --primary-light: #22C55E !important;
  --secondary: #16A34A !important;
  --accent: #16A34A !important;
  --bg-main: #F4F8F5 !important;
  --admin-bg: #F4F8F5 !important;
  --bg-card: #FFFFFF !important;
  --bg-card2: #FFFFFF !important;
  --border-color: #E2EBE4 !important;
  --text-main: #1E293B !important;
  --text-muted: #64748B !important;
  --selected-bg: #F0FDF4 !important;
  --hover-bg: #F7FAF8 !important;

  /* Blue Variable Mapping Overrides */
  --blue-900: #052E16 !important;
  --blue-800: #064E3B !important;
  --blue-700: #065F46 !important;
  --blue-600: #15803D !important;
  --blue-500: #16A34A !important;
  --blue-400: #22C55E !important;
  --blue-300: #86EFAC !important;
  --blue-100: #DCFCE7 !important;
  --blue-50:  #F0FDF4 !important;

  --shadow-sm: 0 1px 2px rgba(21, 128, 61, 0.04) !important;
  --shadow:    0 8px 30px rgba(21, 128, 61, 0.08) !important;
  --shadow-md: 0 10px 30px rgba(21, 128, 61, 0.10) !important;
  --shadow-lg: 0 20px 45px rgba(21, 128, 61, 0.12) !important;
  --shadow-soft: 0 8px 30px rgba(21, 128, 61, 0.07) !important;
}

/* Kemenag Specific Components */
[data-theme="kemenag"] .auth-left {
  background: linear-gradient(135deg, #052E16 0%, #15803D 55%, #16A34A 100%) !important;
}
[data-theme="kemenag"] .auth-left-badge {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #FFFFFF !important;
}
[data-theme="kemenag"] .hero-dashboard {
  background: linear-gradient(135deg, #052E16 0%, #15803D 100%) !important;
  box-shadow: 0 20px 45px rgba(21, 128, 61, 0.2) !important;
}
[data-theme="kemenag"] .hero-dashboard::before {
  background: radial-gradient(circle, rgba(34, 197, 94, 0.22) 0%, rgba(21, 128, 61, 0) 70%) !important;
}
[data-theme="kemenag"] .btn-hero-primary {
  color: #15803D !important;
}
[data-theme="kemenag"] .sidebar-item.active {
  background: #F0FDF4 !important;
  color: #15803D !important;
}
[data-theme="kemenag"] .sidebar-item.active::before {
  background: #15803D !important;
}
[data-theme="kemenag"] .sidebar-item:hover {
  color: #15803D !important;
}
[data-theme="kemenag"] .sidebar-section-label:hover {
  color: #15803D !important;
}
[data-theme="kemenag"] .header-brand-tag {
  color: #15803D !important;
}
[data-theme="kemenag"] .header-profile {
  background: #15803D !important;
}
[data-theme="kemenag"] .header-search:focus-within {
  border-color: #16A34A !important;
  box-shadow: 0 0 0 3px rgba(21, 128, 61, 0.12) !important;
}
[data-theme="kemenag"] .btn-primary,
[data-theme="kemenag"] .btn-do-login,
[data-theme="kemenag"] button.primary,
[data-theme="kemenag"] .modal-btn.go-primary,
[data-theme="kemenag"] .em-btn:not(.error) {
  background: #15803D !important;
  border-color: #15803D !important;
  color: #FFFFFF !important;
}
[data-theme="kemenag"] .btn-primary:hover,
[data-theme="kemenag"] .btn-do-login:hover,
[data-theme="kemenag"] button.primary:hover,
[data-theme="kemenag"] .modal-btn.go-primary:hover,
[data-theme="kemenag"] .em-btn:not(.error):hover {
  background: #166534 !important;
  border-color: #166534 !important;
}
[data-theme="kemenag"] input:focus,
[data-theme="kemenag"] select:focus,
[data-theme="kemenag"] textarea:focus {
  border-color: #15803D !important;
  box-shadow: 0 0 0 3px rgba(21, 128, 61, 0.15) !important;
}
[data-theme="kemenag"] .section-heading-badge {
  color: #15803D !important;
  background: #F0FDF4 !important;
}
[data-theme="kemenag"] .core-module-card:hover {
  border-color: #86EFAC !important;
  box-shadow: 0 12px 28px rgba(21, 128, 61, 0.1) !important;
}
[data-theme="kemenag"] .module-action-link {
  color: #15803D !important;
}
[data-theme="kemenag"] .topbar-nav .nav-item.active {
  color: #15803D !important;
  border-bottom-color: #15803D !important;
}
[data-theme="kemenag"] .option-btn.selected {
  border-color: #15803D !important;
  background: #F0FDF4 !important;
}
[data-theme="kemenag"] .nomor-soal-btn.answered {
  background: #15803D !important;
  border-color: #15803D !important;
  color: #FFFFFF !important;
}
[data-theme="kemenag"] .nomor-soal-btn.active {
  box-shadow: 0 0 0 3px rgba(21, 128, 61, 0.3) !important;
}

/* Kemenag Specific Buttons, Badges, Links & Modals */
[data-theme="kemenag"] .btn-public-check {
  background: linear-gradient(135deg, #15803D, #16A34A) !important;
  box-shadow: 0 4px 14px rgba(21, 128, 61, 0.25) !important;
}
[data-theme="kemenag"] .btn-public-check:hover {
  background: linear-gradient(135deg, #166534, #15803D) !important;
  box-shadow: 0 6px 20px rgba(21, 128, 61, 0.35) !important;
}
[data-theme="kemenag"] .psb-badge-text {
  color: #15803D !important;
}
[data-theme="kemenag"] .auth-left-public-link:hover {
  border-color: #15803D !important;
  box-shadow: 0 6px 20px rgba(21, 128, 61, 0.15) !important;
}
[data-theme="kemenag"] .stat-card-progress-bar,
[data-theme="kemenag"] .hsc-progress-fill {
  background: linear-gradient(90deg, #16A34A, #22C55E) !important;
}
[data-theme="kemenag"] input:checked + .toggle-slider {
  background: linear-gradient(135deg, #15803D, #16A34A) !important;
}
[data-theme="kemenag"] .lb-filter-btn.active,
[data-theme="kemenag"] .exam-filter-chip.active {
  background: linear-gradient(135deg, #15803D, #16A34A) !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
}
[data-theme="kemenag"] .saved-account-avatar,
[data-theme="kemenag"] .em-user-avatar {
  background: linear-gradient(135deg, #15803D, #16A34A) !important;
}
[data-theme="kemenag"] .sidebar-profile-role,
[data-theme="kemenag"] .em-user-role {
  color: #15803D !important;
  background: #F0FDF4 !important;
  border-color: rgba(21, 128, 61, 0.2) !important;
}
[data-theme="kemenag"] .rcc-icon {
  background: #F0FDF4 !important;
  color: #15803D !important;
}
[data-theme="kemenag"] .reg-choice-card:hover {
  border-color: #15803D !important;
}
[data-theme="kemenag"] .reg-choice-card:hover .rcc-btn {
  background: #15803D !important;
  color: #FFFFFF !important;
}
[data-theme="kemenag"] .auth-link,
[data-theme="kemenag"] .guide-link-wrap a {
  color: #15803D !important;
}
[data-theme="kemenag"] .btn-add-opt {
  background: #F0FDF4 !important;
  color: #15803D !important;
  border-color: #86EFAC !important;
}
[data-theme="kemenag"] .ph-drawer-header {
  background: linear-gradient(135deg, #052E16, #15803D) !important;
}
[data-theme="kemenag"] .login-gov-badge {
  background: #F0FDF4 !important;
  color: #15803D !important;
}

/* ============================================================================
   2. MLBB — GAMING ACCENT THEME (MASTER LAYOUT DINAS PENDIDIKAN)
   Background Master Dinas Terjaga (100% Light/Clean) + Gaming Electric Blue, Violet, & Cyan
   ============================================================================ */
html[data-theme="mlbb"],
body[data-theme="mlbb"],
[data-theme="mlbb"] {
  --primary: #2563EB !important;         /* Electric Gaming Blue */
  --primary-hover: #1D4ED8 !important;
  --primary-light: #3B82F6 !important;
  --secondary: #7C3AED !important;       /* Arcane Violet */
  --accent: #06B6D4 !important;          /* Cyber Cyan */
  --accent-secondary: #8B5CF6 !important;

  /* BASELINE BACKGROUNDS PRESERVED 100% FROM DINAS MASTER DESIGN */
  --bg-main: #F4F7FC !important;
  --admin-bg: #F4F7FC !important;
  --bg-card: #FFFFFF !important;
  --bg-card2: #FFFFFF !important;
  --sidebar-bg: #FFFFFF !important;
  --border-color: #E2E8F0 !important;
  --text-main: #1E293B !important;
  --text-muted: #64748B !important;
  --selected-bg: #EEF2FF !important;      /* Soft Indigo/Electric tint */
  --hover-bg: #F8FAFC !important;

  /* Blue Variable Mapping Overrides to Gaming Palette */
  --blue-900: #1E1B4B !important;        /* Deep Gaming Indigo */
  --blue-800: #1E293B !important;
  --blue-700: #1D4ED8 !important;
  --blue-600: #2563EB !important;        /* Electric Blue */
  --blue-500: #3B82F6 !important;
  --blue-400: #60A5FA !important;
  --blue-300: #93C5FD !important;
  --blue-100: #E0E7FF !important;
  --blue-50:  #EEF2FF !important;

  --shadow-sm: 0 1px 2px rgba(37, 99, 235, 0.04) !important;
  --shadow:    0 8px 30px rgba(37, 99, 235, 0.08) !important;
  --shadow-md: 0 10px 30px rgba(37, 99, 235, 0.10) !important;
  --shadow-lg: 0 20px 45px rgba(37, 99, 235, 0.12) !important;
  --shadow-soft: 0 8px 30px rgba(124, 58, 237, 0.07) !important;
}

/* MLBB Hero & Auth Banner (Layout sama persis, warna gaming gradient) */
[data-theme="mlbb"] .hero-dashboard {
  background: linear-gradient(135deg, #0F172A 0%, #1E1B4B 50%, #2563EB 100%) !important;
  box-shadow: 0 20px 45px rgba(37, 99, 235, 0.2) !important;
}
[data-theme="mlbb"] .hero-dashboard::before {
  background: radial-gradient(circle, rgba(124, 58, 237, 0.25) 0%, rgba(37, 99, 235, 0) 70%) !important;
}
[data-theme="mlbb"] .btn-hero-primary {
  color: #2563EB !important;
}
[data-theme="mlbb"] .auth-left {
  background: linear-gradient(135deg, #0F172A 0%, #1E1B4B 50%, #2563EB 100%) !important;
}
[data-theme="mlbb"] .auth-left-badge {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #FFFFFF !important;
}

/* MLBB Sidebar (Layout, bentuk, posisi sama persis dengan Dinas) */
[data-theme="mlbb"] .sidebar-item.active {
  background: #EEF2FF !important;
  color: #2563EB !important;
}
[data-theme="mlbb"] .sidebar-item.active::before {
  background: linear-gradient(to bottom, #2563EB, #7C3AED) !important;
}
[data-theme="mlbb"] .sidebar-item:hover {
  color: #2563EB !important;
}
[data-theme="mlbb"] .sidebar-section-label:hover {
  color: #2563EB !important;
}
[data-theme="mlbb"] .sidebar-item.active .si-icon {
  color: #2563EB !important;
}

/* MLBB Topbar & Header */
[data-theme="mlbb"] .header-brand-tag {
  color: #2563EB !important;
}
[data-theme="mlbb"] .header-profile {
  background: linear-gradient(135deg, #2563EB, #7C3AED) !important;
}
[data-theme="mlbb"] .header-search:focus-within {
  border-color: #3B82F6 !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

/* MLBB Buttons (Bentuk & ukuran sama persis, warna gaming electric blue/violet) */
[data-theme="mlbb"] .btn-primary,
[data-theme="mlbb"] .btn-do-login,
[data-theme="mlbb"] button.primary,
[data-theme="mlbb"] .modal-btn.go-primary,
[data-theme="mlbb"] .em-btn:not(.error) {
  background: linear-gradient(135deg, #2563EB 0%, #7C3AED 100%) !important;
  border-color: #2563EB !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3) !important;
}
[data-theme="mlbb"] .btn-primary:hover,
[data-theme="mlbb"] .btn-do-login:hover,
[data-theme="mlbb"] button.primary:hover,
[data-theme="mlbb"] .modal-btn.go-primary:hover,
[data-theme="mlbb"] .em-btn:not(.error):hover {
  background: linear-gradient(135deg, #1D4ED8 0%, #6D28D9 100%) !important;
  border-color: #1D4ED8 !important;
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45) !important;
}

/* Inputs, Selects, Textareas */
[data-theme="mlbb"] input:focus,
[data-theme="mlbb"] select:focus,
[data-theme="mlbb"] textarea:focus {
  border-color: #2563EB !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18) !important;
}

/* Badges & Core Cards */
[data-theme="mlbb"] .section-heading-badge {
  color: #2563EB !important;
  background: #EEF2FF !important;
}
[data-theme="mlbb"] .core-module-card:hover {
  border-color: #93C5FD !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.1) !important;
}
[data-theme="mlbb"] .module-action-link {
  color: #2563EB !important;
}
[data-theme="mlbb"] .topbar-nav .nav-item.active {
  color: #2563EB !important;
  border-bottom-color: #2563EB !important;
}

/* CBT Exam Options & Nav Numbers */
[data-theme="mlbb"] .option-btn.selected {
  border-color: #2563EB !important;
  background: #EEF2FF !important;
}
[data-theme="mlbb"] .nomor-soal-btn.answered {
  background: linear-gradient(135deg, #2563EB, #7C3AED) !important;
  border-color: #2563EB !important;
  color: #FFFFFF !important;
}
[data-theme="mlbb"] .nomor-soal-btn.active {
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.35) !important;
}

/* MLBB Specific Buttons, Badges, Links & Modals */
[data-theme="mlbb"] .btn-public-check {
  background: linear-gradient(135deg, #2563EB, #7C3AED) !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25) !important;
}
[data-theme="mlbb"] .btn-public-check:hover {
  background: linear-gradient(135deg, #1D4ED8, #6D28D9) !important;
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.35) !important;
}
[data-theme="mlbb"] .psb-badge-text {
  color: #2563EB !important;
}
[data-theme="mlbb"] .auth-left-public-link:hover {
  border-color: #2563EB !important;
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.15) !important;
}
[data-theme="mlbb"] .stat-card-progress-bar,
[data-theme="mlbb"] .hsc-progress-fill {
  background: linear-gradient(90deg, #2563EB, #06B6D4) !important;
}
[data-theme="mlbb"] input:checked + .toggle-slider {
  background: linear-gradient(135deg, #2563EB, #7C3AED) !important;
}
[data-theme="mlbb"] .lb-filter-btn.active,
[data-theme="mlbb"] .exam-filter-chip.active {
  background: linear-gradient(135deg, #2563EB, #7C3AED) !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
}
[data-theme="mlbb"] .saved-account-avatar,
[data-theme="mlbb"] .em-user-avatar {
  background: linear-gradient(135deg, #2563EB, #7C3AED) !important;
}
[data-theme="mlbb"] .sidebar-profile-role,
[data-theme="mlbb"] .em-user-role {
  color: #2563EB !important;
  background: #EEF2FF !important;
  border-color: rgba(37, 99, 235, 0.2) !important;
}
[data-theme="mlbb"] .rcc-icon {
  background: #EEF2FF !important;
  color: #2563EB !important;
}
[data-theme="mlbb"] .reg-choice-card:hover {
  border-color: #2563EB !important;
}
[data-theme="mlbb"] .reg-choice-card:hover .rcc-btn {
  background: linear-gradient(135deg, #2563EB, #7C3AED) !important;
  color: #FFFFFF !important;
}
[data-theme="mlbb"] .auth-link,
[data-theme="mlbb"] .guide-link-wrap a {
  color: #2563EB !important;
}
[data-theme="mlbb"] .btn-add-opt {
  background: #EEF2FF !important;
  color: #2563EB !important;
  border-color: #93C5FD !important;
}
[data-theme="mlbb"] .ph-drawer-header {
  background: linear-gradient(135deg, #0F172A, #1E1B4B) !important;
}
[data-theme="mlbb"] .login-gov-badge {
  background: #EEF2FF !important;
  color: #2563EB !important;
}

/* ============================================================================
   3. PRINT OPTIMIZATION (@media print)
   Neutralizes dark mode, gradient backgrounds, and glows for pure ink-friendly print
   ============================================================================ */
@page {
  size: 215mm 330mm;
  margin: 15mm;
}

@media print {
  html, body, [data-theme="mlbb"], [data-theme="kemenag"] {
    background: #FFFFFF !important;
    color: #000000 !important;
  }
  [data-theme="mlbb"] *,
  [data-theme="kemenag"] * {
    background-color: transparent !important;
    color: #1E293B !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #CBD5E1 !important;
  }

  /* Sembunyikan Seluruh Elemen UI Non-Naskah (Sidebar, Header, Navbar, Tombol, Toolbar, Modal, Debug) */
  .admin-sidebar,
  .sidebar,
  .sidebar-backdrop,
  .admin-header,
  .top-navbar,
  .navbar,
  .header-actions,
  .btn,
  .btn-table,
  .btn-primary,
  .btn-secondary,
  .btn-hero-primary,
  .btn-hero-secondary,
  .modal-overlay,
  .qr-modal-overlay,
  .toast-container,
  .action-buttons,
  .toolbar,
  .debug-panel,
  .stka-preview-header,
  .stka-preview-sidebar,
  .stka-preview-nav-footer,
  #export-pdf-modal-overlay,
  #modal-import-word,
  #modal-add-question {
    display: none !important;
  }

  .admin-main,
  .admin-content,
  .main-content {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
}

/* ============================================================================
   NISN SOLID DARK ENFORCEMENT (UNIVERSAL ACROSS ALL TENANTS)
   ============================================================================ */
.verify-nisn-badge,
.verify-nisn-badge *,
.verify-nisn-pill,
.verify-nisn-pill *,
.qr-student-nisn,
.qr-student-nisn strong,
.qr-student-nisn i,
.search-input#input-nisn,
.search-input#search-input,
[data-field="nisn"],
[data-field="nisn-badge"] {
  color: #000000 !important;
  opacity: 1 !important;
}