/* ==========================================================================
   Tema Monochrome (abu gelap)
   Aktif bila <body data-layout-mode="dark" data-theme="mono" data-float="1">.
   - Warna dasar tema gelap sudah dipetakan ke abu di theme-mono.css (auto-generated).
   - Layout melayang ada di theme-float-layout.css.
   - File ini: palet override per halaman + warna highlight menu.
   ========================================================================== */

body[data-theme=mono] {
    --dk-bg: #141414;
    --dk-card: #212121;
    --dk-surface: #2b2b2b;
    --dk-border: #333333;
    --dk-input: #262626;
    --dk-disabled: #2b2b2b;
    --dk-hold-1: #262626;
    --dk-hold-2: #2c2c2c;
    --dk-border-strong: #404040;
    --dk-thead: #2b2b2b;
    --dk-thead-border: #3a3a3a;
    --dk-thead-text: #d4d4d4;
}

/* Menu induk yang terbuka */
body[data-theme=mono] #sidebar-menu > ul > li.mm-active > a {
    background-color: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
}

/* Submenu induk (mis. "Pengguna"): cukup teks tebal, tanpa blok latar */
body[data-theme=mono] #sidebar-menu ul.sub-menu li.mm-active > a {
    background-color: transparent !important;
    color: #f0f0f0 !important;
}

/* Halaman yang sedang dibuka */
body[data-theme=mono] #sidebar-menu ul.sub-menu li a.active:not(.has-arrow) {
    background-color: rgba(255, 255, 255, .07) !important;
    color: #fff !important;
}

body[data-theme=mono] #sidebar-menu ul.sub-menu li.mm-active > a::before,
body[data-theme=mono] #sidebar-menu ul.sub-menu li a.active::before {
    background-color: #fff !important;
    border-color: #fff !important;
}

body[data-theme=mono] #sidebar-menu ul li a:hover {
    background-color: rgba(255, 255, 255, .05);
}

/* Latar di luar body (saat konten pendek) ikut abu */
html:has(body[data-theme=mono]) {
    background-color: #141414;
}