/* =================================
   Global Layout
==================================== */
body {
    /* Opsi font yang bersih dan modern, bawaan Bootstrap 5 */
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* * Layout utama untuk dashboard
 * .main-layout dipakai di header.php
 * .sidebar-admin dipakai di sidebar_admin.php (Ganti nama class di sana)
 * .main-content dipakai di header.php
*/

.main-layout {
    display: flex;
    min-height: 100vh;
}

/* Sidebar Styling */
/* Ganti class di sidebar_admin.php dari "d-flex..." menjadi "sidebar-admin" */
.sidebar-admin {
    width: 280px;
    min-height: 100vh;
    background-color: #f8f9fa; /* Warna bg-light */
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.sidebar-admin .nav-link {
    color: #333;
    font-weight: 500;
    margin-bottom: 0.25rem;
    border-radius: 0.375rem; /* rounded-3 */
}

/* Style untuk link yang sedang aktif */
.sidebar-admin .nav-link.active {
    background-color: #0d6efd; /* Warna primary Bootstrap */
    color: #fff;
}

/* Style saat hover (tapi bukan yang aktif) */
.sidebar-admin .nav-link:not(.active):hover {
    background-color: #e9ecef; /* Warna gray-200 */
}

/* Konten Utama */
.main-content {
    flex-grow: 1;
    padding: 2rem;
    background-color: #f0f2f5; /* Warna latar yang sedikit berbeda */
}

/* =================================
   Utility
==================================== */
.card {
    border: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}