/* ============================================================
   Custom CSS — Dashboard Kerja IKMAS
   Override Tailwind jika perlu, variabel warna IKMAS
   ============================================================ */

:root {
  --hijau-tua:    #1B6B2F;
  --hijau-mid:    #2E8B4A;
  --hijau-pastel: #E8F5E9;
  --kuning:       #F9A825;
  --kuning-muda:  #FFF8E1;
  --abu-gelap:    #1A2A1C;
  --abu-mid:      #4A5E4C;
  --putih:        #FFFFFF;
}

/* Sidebar — active & inactive nav item */
.nav-active {
  border-left: 3px solid #F9A825;
  background-color: rgba(255, 255, 255, 0.15);
  padding-left: 9px !important;
}
.nav-inactive {
  border-left: 3px solid transparent;
  padding-left: 9px !important;
}
.nav-inactive:hover {
  background-color: rgba(255, 255, 255, 0.10);
}

/* Kanban card — border kiri kuning untuk status rencana */
.border-l-kuning { border-left-color: #F9A825 !important; }

/* Login card — shadow lebih lembut & modern */
.card-shadow {
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Scrollbar tipis untuk sidebar dan konten */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2px; }

/* Badge status proker */
.badge-rencana  { background-color: #F3F4F6; color: #6B7280; }
.badge-berjalan { background-color: #DBEAFE; color: #1D4ED8; }
.badge-selesai  { background-color: #D1FAE5; color: #065F46; }
.badge-batal    { background-color: #FEE2E2; color: #991B1B; }

/* Badge prioritas tugas */
.badge-rendah  { background-color: #F3F4F6; color: #6B7280; }
.badge-sedang  { background-color: #FEF3C7; color: #92400E; }
.badge-tinggi  { background-color: #FEE2E2; color: #991B1B; }

/* Baris tabel overdue */
.row-overdue { background-color: #FEF2F2; }

/* Animasi fade untuk Alpine.js */
[x-cloak] { display: none !important; }