/* =========================================================
   KODE "SUPER" OVERRIDE (Untuk mengalahkan kode template)
   ========================================================= */

.sidebar .nav li a:hover,
.sidebar .nav li .nav-link:hover,
.sidebar .nav li.active > a,
.sidebar .nav li.active > a:hover {
    background-color: #B0CE88 !important; /* Hijau Anda */
    color: #ffffff !important;           /* Teks putih */
    border-radius: 3px;
    transition: all 0.3s ease-in-out;
}
/* 1. Background Hijau Gelap Khusus Halaman Login */
#login-theme {
    background-color: #043915 !important;
    background-image: none !important;
    min-height: 100vh;
    /* KUNCI UTAMA: Jadikan background sebagai patokan dasar */
    position: relative !important; 
    z-index: 1 !important; 
}

/* 2. Animasi Bulatan Cahaya (Blobs) - VERSI LEBIH CEPAT & AGRESIF */
#login-theme .blob-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    /* KUNCI KEDUA: Paksa animasi mundur ke lapisan minus (-1) */
    z-index: -1 !important; 
    overflow: hidden; pointer-events: none;
}
#login-theme .blob {
    position: absolute; border-radius: 50%; filter: blur(60px); opacity: 0.7;
    -webkit-animation: floating 10s infinite alternate ease-in-out;
    animation: floating 10s infinite alternate ease-in-out;
}
#login-theme .blob-1 { 
    width: 450px; height: 450px; background: #4C763B; top: -10%; left: -10%; 
    animation-duration: 12s; -webkit-animation-duration: 12s; 
}
#login-theme .blob-2 { 
    width: 550px; height: 550px; background: #B0CE88; bottom: -20%; right: -10%; 
    animation-duration: 15s; -webkit-animation-duration: 15s; 
}
#login-theme .blob-3 { 
    width: 350px; height: 350px; background: #FFFD8F; top: 20%; left: 30%; opacity: 0.4; 
    animation-duration: 9s; -webkit-animation-duration: 9s; 
}

/* Keyframes dengan pergerakan jarak jauh dan putaran (HANYA SATU SAJA) */
@-webkit-keyframes floating {
    0% { -webkit-transform: translate(0, 0) scale(1) rotate(0deg); }
    50% { -webkit-transform: translate(150px, 120px) scale(1.3) rotate(90deg); }
    100% { -webkit-transform: translate(-100px, 80px) scale(0.8) rotate(180deg); }
}

@keyframes floating {
    0% { transform: translate(0, 0) scale(1) rotate(0deg); }
    50% { transform: translate(150px, 120px) scale(1.3) rotate(90deg); }
    100% { transform: translate(-100px, 80px) scale(0.8) rotate(180deg); }
}

/* 3. Menyulap Card Menjadi Kaca */
#login-theme .card {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.5), inset 0 0 15px rgba(255,253,143,0.05) !important;
    border-radius: 20px !important;
    
    /* INI KUNCI UTAMANYA AGAR KARTU SELALU DI DEPAN ANIMASI */
    position: relative !important;
    z-index: 999 !important; 
}

#login-theme .content {
    position: relative !important;
    z-index: 10 !important;
}

/* 4. Header Kartu */
#login-theme .card-header-primary {
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(176, 206, 136, 0.3) !important;
    margin: 0 20px 10px 20px !important;
    padding-top: 30px !important;
    text-align: center;
}
#login-theme .card-title { color: #FFFD8F !important; font-weight: 700 !important; font-size: 2rem !important; text-shadow: 0 2px 5px rgba(0,0,0,0.3); }
#login-theme .card-category { color: #B0CE88 !important; font-size: 0.9rem !important; }

/* 5. Teks, Label & Input Form */
#login-theme .bmd-label-floating { color: rgba(176, 206, 136, 0.9) !important; }
#login-theme .form-control { 
    color: #ffffff !important; 
    background-image: linear-gradient(0deg, #B0CE88 2px, rgba(156,39,176,0) 0), linear-gradient(0deg, rgba(255,255,255,0.2) 1px, transparent 0) !important; 
}
#login-theme .form-control:focus { 
    background-image: linear-gradient(0deg, #FFFD8F 2px, rgba(156,39,176,0) 0), linear-gradient(0deg, rgba(255,255,255,0.2) 1px, transparent 0) !important; 
}
#login-theme p { color: #B0CE88 !important; }
#login-theme a { color: #FFFD8F !important; font-weight: bold; }

/* 6. Checkbox */
#login-theme .form-check-label { color: #B0CE88 !important; }
#login-theme .form-check .form-check-sign .check { border-color: #B0CE88 !important; }

/* 7. Tombol-Tombol */
#login-theme .btn-primary { 
    background: linear-gradient(135deg, #B0CE88, #4C763B) !important; 
    color: #043915 !important; 
    font-weight: 700 !important; 
    border-radius: 12px !important; 
    box-shadow: 0 5px 15px rgba(76, 118, 59, 0.4) !important; 
    border: none !important; 
}
#login-theme .btn-primary:hover { 
    background: linear-gradient(135deg, #FFFD8F, #B0CE88) !important; 
    transform: translateY(-2px); 
}

#login-theme .btn-info, #login-theme .btn-default { 
    background: rgba(255, 255, 255, 0.05) !important; 
    border: 1px solid rgba(176, 206, 136, 0.4) !important; 
    color: #FFFD8F !important; 
    border-radius: 10px !important; 
    box-shadow: none !important; 
    transition: all 0.3s ease; 
}
#login-theme .btn-info:hover, #login-theme .btn-default:hover { 
    background: rgba(176, 206, 136, 0.2) !important; 
    color: #ffffff !important; 
}

/* =========================================
   TEMA WARNA CARD DASHBOARD (PALET PREMIUM BARU)
   ========================================= */

/* 1. Teal / Hijau Kebiruan (Untuk Jumlah Siswa & Tabel Absensi) */
.card-header-custom-1:not(.card-header-icon),
.card-header-custom-1.card-header-icon .card-icon {
    background: linear-gradient(60deg, #0A7C6E, #0E9F8D) !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(10, 124, 110, 0.4) !important;
}

/* 2. Amber / Kuning Jeruk (Untuk Kelas) */
.card-header-custom-2:not(.card-header-icon),
.card-header-custom-2.card-header-icon .card-icon {
    background: linear-gradient(60deg, #F59E0B, #FBBF24) !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(245, 158, 11, 0.4) !important;
}

/* 3. Vibrant Orange / Oranye Terang (Untuk Petugas) */
.card-header-custom-3:not(.card-header-icon),
.card-header-custom-3.card-header-icon .card-icon {
    background: linear-gradient(60deg, #FF6B35, #FF8C61) !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 107, 53, 0.4) !important;
}

/* =========================================
   PENGATURAN WARNA ICON AGAR KONTRAS & TERBACA JELAS
   ========================================= */

/* Icon di semua kotak dibuat menjadi Off-White agar kontras dan elegan */
.card-header-custom-1 .card-icon i.material-icons,
.card-header-custom-2 .card-icon i.material-icons,
.card-header-custom-3 .card-icon i.material-icons {
    color: #FAFAFA !important; 
}

/* Warna Teks pada Header Tabel Absensi (Pakai Off-White agar terbaca jelas di atas warna Teal) */
.card-header-custom-1 .card-title,
.card-header-custom-1 .card-category {
    color: #FAFAFA !important;
}

/* =========================================
   KUSTOMISASI UKURAN ANGKA & BACKGROUND
   ========================================= */
.card-title.angka-raksasa {
    font-size: 3.5rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-top: 10px !important;
    /* Angka statistik disamakan dengan warna utama (Teal) agar senada */
    color: #0A7C6E !important; 
}

/* Background Dashboard Utama */
.main-panel {
    background-color: #FAFAFA !important; 
}

/* =========================================
   TEMA HALAMAN ABSENSI SISWA (BADGE & BUTTON)
   ========================================= */

/* 1. Label Status Kehadiran */
.badge-hadir { 
    background-color: #0A7C6E !important; /* Teal untuk Hadir */
    color: #FAFAFA !important; 
    padding: 5px 10px; border-radius: 4px; font-weight: bold;
}
.badge-izin, .badge-sakit { 
    background-color: #F59E0B !important; /* Amber untuk Sakit/Izin */
    color: #FAFAFA !important; 
    padding: 5px 10px; border-radius: 4px; font-weight: bold;
}
.badge-alfa { 
    background-color: #FF6B35 !important; /* Orange Terang untuk Alfa */
    color: #FAFAFA !important; 
    padding: 5px 10px; border-radius: 4px; font-weight: bold;
}

/* 2. Tombol Aksi Utama (Simpan / Tambah Data) */
.btn-custom-teal {
    background: linear-gradient(60deg, #0A7C6E, #0E9F8D) !important;
    color: #FAFAFA !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(10, 124, 110, 0.4) !important;
    border: none !important;
}
.btn-custom-teal:hover {
    background: linear-gradient(60deg, #0E9F8D, #0A7C6E) !important;
    transform: translateY(-2px);
    transition: all 0.3s ease;
}
/* 3. Tombol Kelas yang BELUM Dipilih (Inactive / Outline) */
.btn-custom-inactive {
    background-color: transparent !important; /* Latar transparan */
    color: #0A7C6E !important; /* Teks warna Teal */
    border: 2px solid #0A7C6E !important; /* Garis tepi tegas warna Teal */
    box-shadow: none !important;
    transition: all 0.3s ease;
}

/* Efek saat tombol yang belum dipilih disentuh kursor */
.btn-custom-inactive:hover {
    background-color: rgba(10, 124, 110, 0.1) !important; /* Latar Teal sangat tipis */
    color: #0A7C6E !important;
}

/* =========================================
   TEMA DROPDOWN (SELECT) KELAS / ROMBEL
   ========================================= */
.custom-select-teal {
    border: 2px solid #0A7C6E !important;
    border-radius: 8px !important;
    color: #0A7C6E !important;
    font-weight: 600;
    background-color: #FAFAFA !important;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Efek saat dropdown diklik / fokus */
.custom-select-teal:focus {
    outline: none !important;
    border-color: #0E9F8D !important;
    box-shadow: 0 0 10px rgba(10, 124, 110, 0.3) !important;
}

/* Warna isi daftar pilihan (options) */
.custom-select-teal option {
    color: #0A7C6E; /* Warna abu gelap agar nyaman dibaca */
    font-weight: normal;
}
/* =========================================================
   MEMAKSA TOMBOL DI DALAM MODAL MENJADI WARNA TEAL
   ========================================================= */
#ubahModal .btn-primary,
#ubahModal .btn-info,
#ubahModal .btn-success {
    background: linear-gradient(60deg, #0A7C6E, #0E9F8D) !important;
    color: #FAFAFA !important;
    box-shadow: 0 4px 10px rgba(10, 124, 110, 0.3) !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    transition: all 0.3s ease;
}

#ubahModal .btn-primary:hover,
#ubahModal .btn-info:hover,
#ubahModal .btn-success:hover {
    background: linear-gradient(60deg, #0E9F8D, #0A7C6E) !important;
    transform: translateY(-2px);
}

/* Jika ada tombol "Batal" atau "Close" di modal, buat jadi abu-abu elegan */
#ubahModal .btn-secondary,
#ubahModal .btn-default {
    background: #e5e7eb !important;
    color: #4b5563 !important;
    border: none !important;
    font-weight: bold !important;
}
/* =========================================
   PENGATURAN WARNA TEKS HEADER & STATS CARD (TERBARU)
   ========================================= */

/* 1. Teks pada Header Tabel Absensi (Pakai Off-White) */
.card-header-custom-1:not(.card-header-icon) .card-title,
.card-header-custom-1:not(.card-header-icon) .card-category {
    color: #FAFAFA !important;
}

/* 2. Mengembalikan warna teks "Jumlah Siswa", "Kelas", "Petugas" di Card Kecil menjadi Abu-abu Gelap */
.card-header-custom-1.card-header-icon .card-category,
.card-header-custom-2.card-header-icon .card-category,
.card-header-custom-3.card-header-icon .card-category {
    color: #999999 !important; 
    font-weight: 500 !important;
}

/* 3. Warna angka statistik di bawah tulisan tersebut */
.card-title.angka-raksasa {
    font-size: 3.5rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-top: 10px !important;
    color: #0A7C6E !important; 
}
/* =========================================
   MEMBASMI SISA WARNA UNGU DI STATISTIK ABSEN (DASHBOARD)
   ========================================= */
#siswaStatsContainer .text-primary {
    color: #0A7C6E !important; /* Paksa teks yang tadinya ungu menjadi Teal Cantek */
}

/* Opsional: Jika ada ikon ungu yang terlewat di area tersebut */
#siswaStatsContainer i.text-primary {
    color: #0A7C6E !important;
}