/* ======================================================
   CUSTOM THEME - SISTEM PENGGAJIAN MAN 1 YOGYAKARTA
   Versi Final Palet AGAK GELAP (Sesuai Hijau Awal)
   ====================================================== */

/* Palet Hijau Baru (Agak Gelap):
   - Hijau Gelap/Primary: #1b5e20 (Hijau paling gelap)
   - Hijau Sedang/Aksen: #2e7d32 (Hijau utama)
   - Hijau Muda/Light BG: #e0f2f1 (Pale Green)
   - Hijau Aktif/Active: #b2dfdb (Light Cyan/Green)
*/

/* === FONT DAN GLOBAL === */
body {
    font-family: "Poppins", sans-serif;
    color: #212121;
}

/* JUDUL UTAMA MENJADI HITAM */
h1, h2, h3, h4, h5 {
    color: #333333; 
    font-weight: 600;
}

/* === HEADER NAVBAR === */
.main-header.navbar {
    background-color: #2e7d32 !important; /* Hijau Sedang Baru (Agak Gelap) */
    color: #ffffff !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
}

.main-header.navbar .nav-link,
.main-header.navbar .navbar-brand {
    color: #ffffff !important; 
}

.main-header.navbar .nav-link:hover {
    color: #e0f2f1 !important; /* Hijau Muda */
}

/* === SIDEBAR === */
.main-sidebar {
    background-color: #ffffff !important;
    color: #1b5e20 !important; /* Hijau Gelap Baru */
    border-right: 1px solid #eeeeee;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.03); 
}

.brand-link {
    background-color: #1b5e20 !important; /* Hijau Gelap Baru untuk Logo */
    color: #ffffff !important; 
    font-weight: bold;
    letter-spacing: 0.5px;
}

.nav-sidebar .nav-link {
    color: #424242 !important; 
    font-weight: 500;
    border-radius: 8px;
    margin: 4px 8px; 
    transition: all 0.3s ease;
}

.nav-sidebar .nav-link:hover {
    background-color: #e0f2f1 !important; /* Hijau Muda */
    color: #1b5e20 !important; /* Hijau Gelap */
}

.nav-sidebar .nav-link.active {
    background-color: #b2dfdb !important; /* Hijau Aktif */
    color: #1b5e20 !important; /* Hijau Gelap */
    font-weight: 700; 
}

/* === KONTEN UTAMA === */
.content-wrapper {
    background-color: #f5f5f5 !important; 
    padding: 25px;
}

/* === CARD / BOX === */
.card {
    border-radius: 15px !important; 
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); 
    border: none;
    background-color: #ffffff;
    overflow: hidden; 
}

.card-header {
    /* Gradien dengan warna Hijau Gelap dan Sedang */
    background: linear-gradient(90deg, #1b5e20, #2e7d32); 
    color: #fff; 
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    font-weight: 600;
    border-bottom: none;
    padding: 15px 20px;
}

/* PERBAIKAN SPESIFIK: WARNA JUDUL DI HEADER
   Memastikan h3/card-title di dalam card-header menjadi Putih */
.card-header h3,
.card-header .card-title {
    color: #ffffff !important;
}


/* === JUDUL SUB-HEADER HIJAU (Ringkasan Gaji, Pendapatan, dll.) === */
.sub-header-hijau,
.ringkasan-gaji-header { 
    background-color: #2e7d32; /* Hijau Sedang Baru */
    padding: 12px 20px;
    margin: 0;
    font-weight: 600;
    font-size: 1.1em;
    border-radius: 0; 
}

/* TARGETING H3 dan .card-title di dalam container hijau */
.sub-header-hijau .card-title,
.ringkasan-gaji-header .card-title,
.sub-header-hijau h3,
.ringkasan-gaji-header h3 {
    color: #ffffff !important; 
    font-weight: 700 !important; 
    margin: 0 !important; 
}

/* STYLING KHUSUS UNTUK DATA GAJI BERSIH (Sebagai highlight keuangan) */
.gaji-bersih-teks {
    color: #1b5e20 !important; /* Hijau Gelap */
    font-weight: 700;
    font-size: 1.2em;
}
.gaji-bersih-nominal {
    color: #2e7d32 !important; /* Hijau Sedang */
    font-weight: 800;
    font-size: 1.4em;
}

/* === TOMBOL === */
.btn {
    border-radius: 8px !important;
    font-weight: 500;
    padding: 8px 15px;
    transition: all 0.3s ease;
}

.btn-primary {
    background: linear-gradient(90deg, #2e7d32, #4caf50); /* Gradien Hijau Sedang Baru */
    border: none;
    color: white; 
}

.btn-primary:hover {
    background: linear-gradient(90deg, #1b5e20, #388e3c); /* Lebih gelap saat hover */
}

.btn-danger {
    background: linear-gradient(90deg, #c62828, #e53935); 
    border: none;
    color: white; 
}

.btn-danger:hover {
    background: linear-gradient(90deg, #a51c1c, #d32f2f);
}

/* === WARNA KARTU METRIK (SMALL BOXES) === */
.small-box {
    border-radius: 15px; 
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); 
    color: #ffffff !important; 
    transition: transform 0.3s ease-in-out; 
}

.small-box:hover {
    transform: translateY(-5px); 
}

.small-box h3, .small-box p {
    color: #ffffff !important;
}

/* Warna Metric Tetap Cerah */
.small-box.bg-info {
    background: linear-gradient(45deg, #2196F3, #42a5f5) !important; 
}

.small-box.bg-success {
    background: linear-gradient(45deg, #2e7d32, #4caf50) !important; /* Sesuai dengan Hijau Sedang Baru */
}

.small-box.bg-danger {
    background: linear-gradient(45deg, #F44336, #ef5350) !important; 
}

.small-box.bg-warning {
    background: linear-gradient(45deg, #FFC107, #ffeb3b) !important; 
}
.small-box.bg-warning h3, .small-box.bg-warning p {
    color: #333333 !important; 
}

/* === PROGRES PENGGAJIAN PERIODE (Sub-header) === */
.progress-period-header {
    background-color: #2e7d32; /* Hijau Sedang Baru */
    color: #ffffff !important; 
    padding: 12px 20px;
    margin: 0 -20px 20px -20px; 
    border-top-left-radius: 15px; 
    border-top-right-radius: 15px; 
    font-weight: 600;
    font-size: 1.1em;
}

.progress-period-header .card-title {
    color: #ffffff !important;
}

/* === BILAH PROGRES === */
.progress-bar {
    background-color: #1b5e20 !important; /* Hijau Gelap */
}

/* === DAFTAR TUGAS BELUM DIPROSES === */
.list-group-item {
    border: none;
    border-bottom: 1px solid #eeeeee;
    transition: background-color 0.3s;
}

.list-group-item:last-child {
    border-bottom: none;
}

.list-group-item:hover {
    background-color: #e0f2f1; /* Hijau Muda */
}

/* === TABEL === */
.table thead th {
    background-color: #b2dfdb; /* Hijau Aktif */
    color: #1b5e20; /* Hijau Gelap Baru */
    font-weight: 600;
    text-transform: none; 
}

.table-hover tbody tr:hover {
    background-color: #e0f2f1;
}

/* === FOOTER === */
.main-footer {
    background-color: #ffffff;
    color: #424242;
    border-top: 1px solid #e0e0e0;
    font-weight: 400;
    text-align: center;
    padding: 10px;
}

/* === SCROLLBAR === */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #a5d6a7;
    border-radius: 4px;
}