/* Hijau daun: sidebar gelap sebagai panel navigasi, main content tetap terang — dua area dibedakan.
   Didaftarkan via FilamentAsset::register() (bukan @vite app.css, panel tidak memuat itu; bukan
   render hook inline <style>, karena itu ikut kena flash saat Livewire Navigate/->spa() aktif).
   Asset Filament di-load sebagai <link data-navigate-track> — aman dari flash antar-navigasi.
   Semua rule wajib !important: @filamentStyles (custom asset) di-render SEBELUM CSS inti Filament
   (filament()->getTheme()->getHtml()) di base.blade.php — tanpa !important, default Filament menang. */
.fi-sidebar,
.fi-sidebar-header {
    background-color: #14532d !important; /* green-900 */
}

.fi-sidebar-header {
    box-shadow: none !important;
}

.fi-sidebar-header .fi-logo {
    color: #f0fdf4 !important; /* green-50 */
}

.fi-sidebar-group-label,
.fi-sidebar-group-icon,
.fi-sidebar-item-icon {
    color: #86efac !important; /* green-300 */
}

.fi-sidebar-item-label {
    color: #ecfdf5 !important; /* green-50 */
}

.fi-sidebar-item-button:hover,
.fi-sidebar-group-button:hover {
    background-color: rgb(255 255 255 / 0.08) !important;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-button {
    background-color: rgb(255 255 255 / 0.12) !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: #ffffff !important;
}

.fi-sidebar-item-grouped-border > div {
    background-color: rgb(255 255 255 / 0.2) !important;
}

/* Ringkas: rapatkan spacing supaya nav tidak perlu scroll di layar laptop umum (1366x768) */
.fi-sidebar-nav {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    row-gap: 0.875rem !important; /* was gap-y-7 (1.75rem) */
}

.fi-sidebar-group {
    row-gap: 0.125rem !important; /* was gap-y-1 (0.25rem) */
}

.fi-sidebar-group-button,
.fi-sidebar-item-button {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
}

/* Judul halaman dipindah ke topbar (sejajar avatar) via render hook — sembunyikan
   judul/subjudul asli di dalam konten supaya tidak makan tempat 2x. Breadcrumb sudah
   dimatikan lewat ->breadcrumbs(false) di AdminPanelProvider, bukan lewat CSS. */
.fi-header-heading,
.fi-header-subheading {
    display: none !important;
}

.fi-page > section {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    row-gap: 1rem !important;
}