/* --- RESET TOTAL --- */
:root {
    --md-primary-color: #2980b9 !important; /* Biru RTD */
}

/* Sembunyikan Header & Sidebar Kanan (Daftar Isi) */
.md-header, .md-sidebar--secondary, .md-footer {
    display: none !important;
}

/* Hilangkan pembatasan lebar grid */
.md-grid {
    max-width: 100% !important;
    margin: 0 !important;
    display: block !important;
}

/* --- SIDEBAR (KOLOM GELAP) --- */
.md-sidebar--primary {
    background-color: #343131 !important; /* Warna Gelap RTD */
    width: 260px !important;
    position: fixed !important;
    height: 100vh !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
}

/* Kotak Judul Biru di Atas Sidebar */
.md-nav__title[for="__drawer"] {
    background-color: #2980b9 !important;
    color: white !important;
    padding: 30px 20px !important;
    font-size: 1.2rem !important;
    font-weight: bold !important;
    display: block !important;
    height: auto !important;
}

/* Bersihkan List Navigasi (Buang gaya tombol biru) */
.md-nav__list {
    padding: 0 !important;
}

.md-nav__item {
    border-bottom: 1px solid #444 !important;
    margin: 0 !important;
}

.md-nav__link {
    background-color: transparent !important; /* Paksa transparan agar tidak biru */
    color: #cfcfcf !important; /* Teks abu-abu terang */
    padding: 15px 20px !important;
    border-radius: 0 !important;
    display: block !important;
    font-size: 0.85rem !important;
}

/* Efek saat Aktif/Klik */
.md-nav__link--active {
    background-color: #242424 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

/* --- KONTEN (AREA PUTIH) --- */
.md-main__inner {
    margin-top: 0 !important;
}

.md-content {
    margin-left: 260px !important; /* Geser konten agar di kanan sidebar */
    padding: 50px !important;
    background-color: white !important;
    min-height: 100vh !important;
    max-width: 1000px !important; /* Batas teks agar enak dibaca */
}

/* Perbaiki tabel agar tidak berantakan di layar lebar */
.md-typeset table {
    width: 100% !important;
    display: table !important;
}