/* PKA EMaS - Custom Styling (Latar Biru Telor Asin, Teks Terang, Tabel Gelap) */
:root {
    --bg-main: #0b132b;
    --bg-card: #1c2541;
    --border-color: #3a506b;
    --accent-blue: #48bfe3;
    --text-main: #ffffff;
    --text-muted: #8d99ae;
}

/* 1. Latar Belakang Layar Utama (Biru Telor Asin Lembut) */
body {
    background-color: #88d4ab !important; /* Warna dasar biru telor asin / pastel cyan */
    color: #ffffff !important;            /* Tulisan utama menjadi terang (putih) */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* 2. Kartu / Container Utama (Tetap Gelap Elegan agar kontras) */
.card {
    background-color: #1c2541 !important; /* Latar kartu gelap */
    border: 1px solid #3a506b !important;
    color: #ffffff !important;            /* Tulisan di dalam kartu terang */
}

/* 3. Tabel Data (Warna Gelap & Tulisan Terang) */
.table-dark, .table {
    background-color: #162038 !important; /* Latar tabel gelap */
    color: #ffffff !important;            /* Tulisan tabel terang */
}

.table-dark th, .table-dark td, .table th, .table td {
    border-color: #2e4369 !important;
    color: #ffffff !important;            /* Memastikan seluruh teks di sel tabel terang */
}

/* 4. Form & Input (Gelap dengan Tulisan Terang) */
.form-control, .form-select {
    background-color: #111827 !important;
    border: 1px solid #3a506b !important;
    color: #ffffff !important;            /* Teks input terang */
}

.form-control::placeholder, .form-select::placeholder {
    color: #9ba8bc !important;
}

/* 5. Sidebar Navigasi (Gelap Konsisten) */
#sidebar {
    background-color: #0b132b !important;
    color: #ffffff !important;
    border-right: 1px solid #3a506b;
}

#sidebar .nav-link {
    color: #ffffff !important;
}

#sidebar .nav-link:hover, 
#sidebar .nav-link.active {
    background-color: #48bfe3 !important;
    color: #0b132b !important;           /* Kontras jelas saat aktif */
    font-weight: 600;
}