/* ============================================================
   Lapisan tema bersama (Halogen Kit - Dark Theme Eksklusif).
   Dipakai oleh portal agent, collector, teknisi, dan halaman lain.
   Design System:
   - Dark 1 (Gelap / Latar Utama): #161A21
   - Dark 2 (Gelap Sedang / Surfaces): #1F2420
   - Dark 3 (Abu-abu Gelap / Borders): #2A313C
   - Accent Lime (Aksen Hijau Neon): #ADFF2F
   - Light (Putih Terang / Teks): #F2F5F1
   ============================================================ */

:root, html, body {
  color-scheme: dark;
  --dark-1: #161A21;
  --dark-2: #1F2420;
  --dark-3: #2A313C;
  --accent-lime: #ADFF2F;
  --text-light: #F2F5F1;
  --text-muted: #8A96A6;
  
  --bg: #161A21;
  --bg2: #1F2420;
  --bg3: #2A313C;
  --panel: #1F2420;
  --panel2: #161A21;
  --border: #2A313C;
  --text: #F2F5F1;
  --muted: #8A96A6;
  --primary: #ADFF2F;
  --success: #ADFF2F;
}

/* Body dasar */
body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

/* Card surfaces */
.card, .cardx, .theme-surface {
  background: var(--panel) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

.modal-content {
  background: var(--panel) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}

.dropdown-menu {
  background: var(--panel) !important;
  border-color: var(--border) !important;
}
.dropdown-item {
  color: var(--text) !important;
}
.dropdown-item:hover {
  background: var(--dark-3) !important;
  color: var(--accent-lime) !important;
}

/* Tables */
.table {
  color: var(--text) !important;
  border-color: var(--border) !important;
}
.table thead th {
  background-color: var(--bg) !important;
  color: var(--muted) !important;
  border-color: var(--border) !important;
}
.table td {
  border-color: var(--border) !important;
}

/* Forms */
.form-control, .form-select {
  background-color: var(--panel2) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}
.form-control:focus, .form-select:focus {
  border-color: var(--accent-lime) !important;
  box-shadow: 0 0 0 2px rgba(173, 255, 47, 0.25) !important;
  color: var(--text) !important;
}

/* Buttons */
.btn-primary {
  background-color: var(--accent-lime) !important;
  border-color: var(--accent-lime) !important;
  color: var(--dark-1) !important;
  font-weight: 700 !important;
  box-shadow: 0 0 15px rgba(173, 255, 47, 0.25) !important;
  transition: all 0.2s ease !important;
}
.btn-primary:hover {
  background-color: #9CE62A !important;
  border-color: #9CE62A !important;
  color: var(--dark-1) !important;
  box-shadow: 0 0 25px rgba(173, 255, 47, 0.45) !important;
}

/* Bottom Nav in collector */
.bn {
  background: rgba(31, 36, 32, 0.95) !important;
  border-top: 1px solid var(--border) !important;
  backdrop-filter: blur(12px) !important;
}
.bni {
  background: rgba(42, 49, 60, 0.4) !important;
  border-color: var(--border) !important;
  color: var(--muted) !important;
}
.bni:hover {
  color: var(--text) !important;
}
.bni.active {
  color: #161A21 !important;
  background: var(--accent-lime) !important;
  border-color: var(--accent-lime) !important;
  box-shadow: 0 0 15px rgba(173, 255, 47, 0.35) !important;
  font-weight: 800 !important;
}
.bni.active i {
  color: #161A21 !important;
}

/* Badges */
.badgey.s {
  color: var(--accent-lime) !important;
  border-color: rgba(173, 255, 47, 0.35) !important;
  background: rgba(173, 255, 47, 0.15) !important;
}

.theme-fab { display: none !important; }