/* === KFAST READABILITY FIX v6 === */
/* Untuk layout "vertical" (dashboard) — login/landing tidak terpengaruh */

/* ================================================
   BUANG UNGU INDIGO (biang warna ungu di sidebar)
   ================================================ */
:root,
[data-bs-theme="dark"],
[data-bs-theme="light"] {
  --bs-indigo: #3b82f6 !important;
  --bs-indigo-rgb: 59, 130, 246 !important;
  --bs-purple: #3b82f6 !important;
  --bs-purple-rgb: 59, 130, 246 !important;
}

/* Paksa semua hover/active di sidebar pakai warna biru brand */
.indigo-hover-bg:hover .hide-menu,
.indigo-hover-bg:hover .aside-icon,
.indigo-hover-bg.active .hide-menu,
.indigo-hover-bg.active .aside-icon,
.sidebar-item.selected .indigo-hover-bg::after,
.sidebar-item.selected .indigo-hover-bg .hide-menu,
.sidebar-item.selected .indigo-hover-bg .aside-icon {
  color: #3b82f6 !important;
}

/* ================================================
   DARK MODE
   ================================================ */
[data-bs-theme="dark"] {
  --bs-body-color: #e4ecf7 !important;
  --bs-secondary-color: rgba(190, 205, 228, 0.88) !important;
  --bs-tertiary-color: rgba(190, 205, 228, 0.65) !important;
  --bs-border-color: rgba(148, 170, 200, 0.22) !important;
  --bs-border-color-translucent: rgba(148, 170, 200, 0.18) !important;
  --bs-card-bg: #1c2340 !important;
}

[data-bs-theme="dark"] .text-muted,
[data-bs-theme="dark"] .card-subtitle,
[data-bs-theme="dark"] small.text-muted {
  color: #bccde4 !important;
}

html [data-bs-theme="dark"] .card,
[data-bs-theme="dark"] body .card,
[data-bs-theme="dark"] .card {
  background-color: #1c2340 !important;
  border: 1px solid rgba(148, 170, 200, 0.2) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
}

[data-bs-theme="dark"] .card .card {
  background-color: #243056 !important;
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
  color: #edf2fa !important;
  background-color: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(148, 170, 200, 0.25) !important;
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 0.15rem rgba(59, 130, 246, 0.25) !important;
}

[data-bs-theme="dark"] .form-floating > label {
  color: #a3b5d0 !important;
}

[data-bs-theme="dark"] hr,
[data-bs-theme="dark"] .dropdown-divider {
  border-color: rgba(148, 170, 200, 0.22) !important;
  opacity: 1 !important;
}

[data-bs-theme="dark"] .table {
  --bs-table-border-color: rgba(148, 170, 200, 0.18) !important;
  --bs-table-color: #e4ecf7 !important;
}

/* ================================================
   LIGHT MODE
   ================================================ */
[data-bs-theme="light"] {
  --bs-body-color: #000000 !important;
  --bs-secondary-color: rgba(55, 72, 100, 0.85) !important;
  --bs-tertiary-color: rgba(55, 72, 100, 0.6) !important;
  --bs-border-color: rgba(30, 50, 80, 0.18) !important;
  --bs-border-color-translucent: rgba(30, 50, 80, 0.14) !important;
  --bs-card-bg: #ffffff !important;
}

[data-bs-theme="light"] .text-muted,
[data-bs-theme="light"] .card-subtitle,
[data-bs-theme="light"] small.text-muted {
  color: #333333 !important;
}

html [data-bs-theme="light"] .card,
[data-bs-theme="light"] body .card,
[data-bs-theme="light"] .card {
  background-color: #ffffff !important;
  border: 1px solid rgba(30, 50, 80, 0.12) !important;
  box-shadow: 0 1px 3px rgba(30, 50, 80, 0.06) !important;
}

[data-bs-theme="light"] .form-control,
[data-bs-theme="light"] .form-select {
  color: #1f2937 !important;
  background-color: #ffffff !important;
  border-color: rgba(30, 50, 80, 0.2) !important;
}

[data-bs-theme="light"] .form-control:focus,
[data-bs-theme="light"] .form-select:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 0.15rem rgba(59, 130, 246, 0.2) !important;
}

[data-bs-theme="light"] .form-floating > label {
  color: #5a6a82 !important;
}

[data-bs-theme="light"] hr,
[data-bs-theme="light"] .dropdown-divider {
  border-color: rgba(30, 50, 80, 0.18) !important;
  opacity: 1 !important;
}

[data-bs-theme="light"] .table {
  --bs-table-border-color: rgba(30, 50, 80, 0.15) !important;
  --bs-table-color: #1f2937 !important;
}