/* Internetlokal skin - overrides mikhmon-ui base theme, loaded after it */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

:root{
  --il-purple:#6C5DD3;
  --il-purple-dark:#5848B8;
  --il-lavender:#EDEBFB;
  --il-lavender-soft:#F7F6FD;
  --il-pink:#FF6B9D;
  --il-text:#22223B;
  --il-gray:#6b7280;
  --il-border:#e9e7f5;
}

body{
  background-color:var(--il-lavender-soft) !important;
  color:var(--il-text) !important;
  font-family:'Poppins','Segoe UI',Arial,sans-serif !important;
}
a, .table td, .table th{ color:var(--il-text) !important; }

/* ===== Navbar ===== */
.navbar{
  background-color:#fff !important;
  border-bottom:1px solid var(--il-border) !important;
  box-shadow:0 1px 3px rgba(108,93,211,.06);
}
.navbar-left a, .navbar-right a{ color:var(--il-text) !important; }
#brand{ color:var(--il-purple) !important; font-weight:800 !important; letter-spacing:.3px; }
#MikhmonSession{ color:var(--il-text) !important; }

/* ===== Sidebar ===== */
.sidenav{
  background-color:#fff !important;
  border-right:1px solid var(--il-border) !important;
}
.sidenav a, .dropdown-btn{
  color:#4b4b63 !important;
  font-weight:500;
  border-radius:8px !important;
  margin:3px 8px !important;
  width:calc(100% - 16px) !important;
}
.dropdown-btn:hover, .sidenav a:hover{
  background-color:var(--il-lavender) !important;
  color:var(--il-purple) !important;
}
.sidenav a.active, .dropdown-container a.active{
  background-color:var(--il-lavender) !important;
  color:var(--il-purple) !important;
  font-weight:700;
}

/* ===== Cards / boxes ===== */
.card, .box{
  background-color:#fff !important;
  border:1px solid var(--il-border) !important;
  border-radius:14px !important;
  box-shadow:0 1px 4px rgba(108,93,211,.06);
}
.card-header{
  background-color:#fff !important;
  border-bottom:1px solid var(--il-border) !important;
  border-radius:14px 14px 0 0 !important;
  font-weight:700;
}
.card h3, .card-title{ color:var(--il-text) !important; }
/* Box polos/berbatas (info sistem dll) teksnya gelap. Box berwarna (bg-blue/
   red/dst, TANPA box-bordered) tetap putih lewat rule asli .bg-*{color:#f3f4f5}
   dari tema dasar - sengaja TIDAK disentuh supaya kontrasnya tetap aman. */
.box-bordered, .box-bordered a, .box-bordered span, .box-group-area span{
  color:var(--il-text) !important;
}
.box-bordered .box-group-icon{ color:var(--il-purple); }

/* ===== Stat color blocks (bg-*) - softened, rounded ===== */
.bg-blue{ background-color:#5B9BFF !important; }
.bg-red{ background-color:#FF6B81 !important; }
.bg-yellow{ background-color:#FFB648 !important; }
.bg-green{ background-color:#3DD598 !important; }
.bg-indigo{ background-color:#6C5DD3 !important; }
.bg-purple{ background-color:#9B6CD3 !important; }
.bg-pink{ background-color:#FF6B9D !important; }
.bg-teal{ background-color:#2BC9C9 !important; }
.bg-cyan{ background-color:#3FC6E8 !important; }
.bg-grey{ background-color:#9CA3AF !important; }
.bg-light-blue{ background-color:#7FD1E8 !important; }
.box-group-icon{ border-radius:10px !important; }
.box{ border-radius:12px !important; }

/* ===== Buttons / accents ===== */
.bg-primary{ background-color:var(--il-purple) !important; }
.text-blue{ color:var(--il-purple) !important; }
.btn, .btn-login{ border-radius:10px !important; font-weight:600; }
.btn-login:hover, .form-control:focus, .group-item:focus{
  box-shadow:inset 0 0 0 transparent,0 0 0 .2rem rgba(108,93,211,.25) !important;
}

/* ===== Navbar right dropdowns (theme switcher, router selector) ===== */
.ses{
  background-color:var(--il-lavender) !important;
  color:var(--il-text) !important;
  border-radius:8px !important;
  border:1px solid var(--il-border) !important;
  padding:2px 8px !important;
}
.navbar-right a{ color:var(--il-text) !important; }
#logout{ color:#FF6B81 !important; }

/* ===== Table ===== */
.table-hover:hover tbody tr:hover{ background-color:var(--il-lavender-soft) !important; }
.table-bordered td, .table-bordered th{ border:1px solid var(--il-border) !important; }

/* ===== Form fields (dipakai di semua halaman tambah/edit: user, profile,
   secret, settings, dll) ===== */
.form-control, .group-item{
  background-color:#fff !important;
  color:var(--il-text) !important;
  border:1.5px solid var(--il-border) !important;
  border-radius:8px !important;
}
.form-control:focus, .group-item:focus{
  color:var(--il-text) !important;
  border-color:var(--il-purple) !important;
}
.form-control::placeholder, .group-item::placeholder{
  color:#a3a0bd !important; opacity:1 !important;
}

/* ===== Dropdown kedua (.dropd, dipakai di beberapa halaman list) ===== */
.dropd{
  background-color:var(--il-lavender) !important;
  color:var(--il-text) !important;
  border-radius:8px !important;
}

/* ===== Hover navbar icon (toggle menu dll) ===== */
.navbar-hover:hover{ background-color:var(--il-lavender) !important; }

/* ===== Modal popup (konfirmasi hapus, dll) ===== */
.modal-window > div{
  background:#fff !important;
  color:var(--il-text) !important;
  border:1px solid var(--il-border) !important;
  border-radius:14px !important;
  box-shadow:0 10px 40px rgba(108,93,211,.18);
}

/* ===== Progress bar ===== */
.progress{ background-color:var(--il-lavender) !important; }

/* ===== Border gelap sisa tema lama ===== */
.spa, .box-bordered{ border-color:var(--il-border) !important; }