/* Custom CSS untuk EIS PENS Redesign - Estetik & Terkini */

/* --- Font & Body --- */
body {
    /* Menggunakan Poppins/Montserrat untuk tampilan modern */
    font-family: 'Poppins', 'Roboto', sans-serif;
    color: #333;
    background-color: #F8F9FA; /* Latar belakang abu-abu sangat terang */
    /* Penyesuaian untuk Navbar Fixed-Top */
    padding-top: 55px; 
}

/* Background Image PENS */
.bg-pattern {
    /* PATH DIGANTI KE FOLDER /asset/ */
    background-image: url('asset/bg.jpg'); 
    background-size: cover; 
    background-position: center center;
    background-attachment: fixed; 
    background-repeat: no-repeat;
}

/* Agar konten utama menonjol di atas background */
main.container {
    /* Perubahan untuk Geser Konten ke Kiri */
    max-width: 1250px; /* Lebarkan kontainer sedikit */
    margin-left: 5%; /* Geser kontainer 5% ke kiri */
    margin-right: auto;

    /* REVISI 1: Kotak Putih Utama sekarang mencakup FOTO, Konten, dan Sidebar */
    background-color: rgba(255, 255, 255, 0.98); 
    border-radius: 12px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); 
    margin-top: 20px;
    margin-bottom: 20px;
}


.bg-dark { background-color: #003366 !important; } /* Biru Navy untuk Top Nav */
.text-primary { color: #003366 !important; }

/* Navbar Atas */
.navbar-dark .nav-link {
    color: rgba(255, 255, 255, 0.8);
    transition: color 0.2s;
    font-size: 0.9rem;
}
.navbar-dark .nav-link:hover {
    color: #FFC300; /* Kuning Aksen */
}

/* --- Card Styling: Kunci Estetika (Garis Lebih Tebal) --- */
.card { 
    /* Garis lebih tebal dan jelas */
    border: 1px solid #dee2e6; 
    /* Bayangan lebih tegas */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) !important; 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 8px;
}

.card:hover { 
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
}

/* --- Konten dan Sidebar --- */

/* REVISI 2: Garis Pemisah Vertikal (Hanya di tampilan desktop) */
@media (min-width: 992px) {
    #konten-utama {
        /* Tambahkan garis kanan */
        border-right: 1px solid #dee2e6; 
        padding-right: 2rem !important; /* Tambahkan padding agar tidak terlalu mepet */
    }
    #sidebar-wrapper {
        padding-left: 2rem !important; /* Tambahkan padding kiri */
    }
}

/* Atur ulang posisi sticky sidebar karena navbar yang fixed */
#sidebar-wrapper .sticky-top {
    top: 55px; /* Jarak dari navbar */
}

/* --- Responsif & Kerapian Mobile --- */

@media (max-width: 991.98px) {
    /* Pastikan padding-top body menggunakan rem */
    body {
        padding-top: 3.5rem; /* ~55px */
    }
    
    /* Hilangkan garis pemisah di mobile */
    #konten-utama {
        border-right: none; 
        padding-right: 1.5rem !important; 
    }
    #sidebar-wrapper {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important; 
    }

}