body {
    background-color: #f8f9fa;
}

/* --- Login & Daftar Page --- */
.jalin-auth-container {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jalin-auth-card {
    border: none;
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.jalin-auth-card .card-body {
    padding: 2.5rem;
}

/* --- Dashboard --- */
#jalin-dashboard-wrapper {
    display: flex;
}

#jalin-sidebar {
    width: 280px;
    min-height: 100vh;
    transition: margin .25s ease-out;
    color: #fff;
    background-color: #212529; /* Warna sidebar */
}

#jalin-sidebar .sidebar-heading {
    padding: 1.5rem 1rem;
    font-size: 1.2rem;
    text-align: center;
}

#jalin-sidebar .list-group-item {
    border: none;
    padding: 1rem 1.5rem;
    color: #adb5bd;
    background-color: #212529;
}

#jalin-sidebar .list-group-item:hover, 
#jalin-sidebar .list-group-item.active {
    background-color: #343a40;
    color: #fff;
    border-left: 4px solid #0d6efd; /* Warna highlight menu aktif */
}

#jalin-content-wrapper {
    flex-grow: 1;
    min-width: 0; /* Fix untuk flexbox */
}

/* Responsif untuk layar kecil (mobile) */
@media (max-width: 992px) {
    #jalin-sidebar {
        margin-left: -280px;
    }
    #jalin-dashboard-wrapper.toggled #jalin-sidebar {
        margin-left: 0;
    }
}
/* ============================================= */
/* PENYEMPURNAAN TAMPILAN DASBOR - JALIN         */
/* ============================================= */

/* 1. Membuat Dasbor Full Width (Menghilangkan Batas Samping Tema Astra) */
body.page-template-default .ast-container {
    max-width: 100%;
    padding: 0;
}

/* 2. Mengatur Ulang Tampilan Sidebar (Ikon, Nama, Email) */
#jalin-sidebar .sidebar-heading .d-flex {
    flex-direction: column; /* Mengubah susunan menjadi vertikal */
    padding-bottom: 0.5rem !important;
}

#jalin-sidebar .sidebar-heading .bi-person-circle {
    margin-right: 0 !important; /* Hapus margin samping ikon */
    margin-bottom: 0.5rem;   /* Beri jarak bawah ke nama */
    font-size: 3.5rem !important;
}

#jalin-sidebar .sidebar-heading h5 {
    font-size: 0.9rem !important; /* Sesuaikan ukuran font nama */
    margin-bottom: 0.1rem;    /* Perkecil jarak ke email */
}

#jalin-sidebar .sidebar-heading small {
    font-size: 0.75rem; /* Sesuaikan ukuran font email */
}


/* 3. Menghilangkan Garis Bawah (underline) dari Semua Tautan */
a, a:hover {
    text-decoration: none !important;
}


/* 4. Penyempurnaan Tambahan untuk Kartu Statistik */
.card.border-left-primary { border-left: 4px solid #4e73df; }
.card.border-left-success { border-left: 4px solid #1cc88a; }
.card.border-left-info { border-left: 4px solid #36b9cc; }
.card.border-left-warning { border-left: 4px solid #f6c23e; }

.text-xs { font-size: 0.7rem; }
.text-gray-300 { color: #dddfeb !important; }

/* ============================================= */
/* PENYEMPURNAAN TAMPILAN DASBOR V2              */
/* ============================================= */

/* 1. & 2. Atur lebar sidebar konsisten dan hilangkan jarak di kiri */
#jalin-sidebar {
    width: 280px;      /* Beri lebar tetap */
    min-width: 280px;  /* Paksa lebar minimal agar tidak menyusut */
}

/* Menghapus padding dari container utama tema Astra di halaman dasbor */
body.page .entry-content {
    padding: 0;
    margin: 0;
}

/* 3. Ubah warna nama lengkap di sidebar */
#jalin-sidebar .sidebar-heading h5 {
    color: #5bc0de !important; /* Warna biru terang (cyan) */
}

* ============================================= */
/* PENYEMPURNAAN TAMPILAN DASBOR V3              */
/* ============================================= */

/* 1. Membuat halaman dasbor menjadi full-width (lebih kuat) */
.page .site-content .ast-container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ============================================= */
/* Definisi Warna Sisi Kiri untuk Kartu Statistik*/
/* ============================================= */
.card.border-left-primary { border-left: 4px solid #4e73df; }
.card.border-left-success { border-left: 4px solid #1cc88a; }
.card.border-left-info { border-left: 4px solid #36b9cc; }
.card.border-left-warning { border-left: 4px solid #f6c23e; }
.card.border-left-danger { border-left: 4px solid #e74a3b; }
.card.border-left-secondary { border-left: 4px solid #858796; }

/* ============================================= */
 /* STATISTIK PUBLIK UNTUK HALAMAN BERANDA        */
 /* ============================================= */
 .jalin-public-stats .stat-card {
     border-radius: 1rem;
     padding: 2rem;
     text-align: center;
     box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
     transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     border: none; /* Menghapus border default */
 }
 
 .jalin-public-stats .row > .col-md-6:nth-child(odd) .stat-card,
 .jalin-public-stats .row > .col-lg-3:nth-child(odd) .stat-card {
     background-color: #e3f2fd; /* Biru muda */
 }
 
 .jalin-public-stats .row > .col-md-6:nth-child(even) .stat-card,
 .jalin-public-stats .row > .col-lg-3:nth-child(even) .stat-card:nth-child(2n) {
     background-color: #fff8e1; /* Kuning muda */
 }
 
 .jalin-public-stats .row > .col-lg-3:nth-child(3n) .stat-card {
     background-color: #e8f5e9; /* Hijau muda */
 }
 
 .jalin-public-stats .row > .col-lg-3:nth-child(4n) .stat-card {
     background-color: #ede7f6; /* Ungu muda */
 }
 
 .jalin-public-stats .stat-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.15);
 }
 
 .jalin-public-stats .stat-card-icon {
     font-size: 4rem; /* Ukuran ikon lebih besar */
     margin-bottom: 1rem;
     line-height: 1;
     opacity: 0.8; /* Sedikit transparan agar tidak terlalu mendominasi */
 }
 
 .jalin-public-stats .stat-card-number {
     font-size: 2.75rem; /* Ukuran angka lebih besar */
     font-weight: 700;
     color: #3a3b45;
 }
 
 .jalin-public-stats .stat-card-label {
     font-size: 1.1rem; /* Ukuran label lebih besar */
     font-weight: 500;
     color: #5a5c69;
     margin-top: 0.5rem;
 }
 
 @media (min-width: 576px) {
  #modal-edit-profil-sendiri .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
}

/* ============================================= */
/* PENAMBAHAN UNTUK IKON PASSWORD LOGIN          */
/* ============================================= */
#togglePassword {
    cursor: pointer;
}