.text-foreground {
    color: #16a34a; /* setara green-600 */
}

.text-background {
    color: #bbf7d0; /* setara green-200 */
}

.color-background {
    background-color: #bbf7d0;
}
.color-foreground {
    background-color: #16a34a;
}

/* Sidebar scroll independen */
#app-menu {
    overflow-y: auto;
}

/* Workspace mengisi sisa ruang penuh sampai kanan */
.workspace,
.workspace.h-100 {
    flex: 1 1 0 !important;
    min-width: 0 !important;  
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: 100vh !important;
    max-width: 100% !important;
}

.btn-shu {
    height: 38px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
}

/* ========================================================= */
/* KHUSUS MOBILE: Amanin Sidebar Biar Ga Nutupin Layar       */
/* ========================================================= */
@media (max-width: 768px) {
    /* Sembunyiin sidebar ke kiri biar layar utama bisa diklik */
    div[data-controller="menu"] {
        position: fixed !important; 
        transform: translateX(-100%); 
        z-index: 1050 !important; 
        transition: transform 0.3s ease-in-out; 
    }

    /* Class untuk memunculkan sidebar kembali saat tombol menu diklik */
    div[data-controller="menu"].menu-open {
        transform: translateX(0);
    }
    
    /* Lepas kunci layar workspace biar konten bisa di-scroll jari pakai HP */
    .workspace,
    .workspace.h-100 {
        height: auto !important;
        overflow: visible !important;
    }
}

/* ========================================================= */
/* KHUSUS MOBILE: Amanin Header & Menu Toggle Baru         */
/* ========================================================= */
@media (max-width: 768px) {
    /* 1. Matikan FAB lama biar ga nongol */
    #btn-toggle-mobile {
        display: none !important;
    }

    /* 2. Gaya untuk tombol menu header baru */
    #btn-toggle-mobile-header {
        position: relative !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        color: #015920 !important; /* Hijau yang sama */
        padding: 0 !important;
    }
    
    /* 3. Menata header biar tombol menu di samping search */
    .header-pencarian {
        display: flex !important;
        align-items: center !important;
        gap: 15px !important;
    }
}
/* ========================================================= */
/* KHUSUS MOBILE: Mencegah Action Dropdown Kepotong */
/* ========================================================= */
@media (max-width: 768px) {
    /* Hanya dropdown menu yang perlu z-index tinggi — JANGAN override overflow table-responsive */
    .table-responsive .dropdown-menu {
        position: absolute !important;
        z-index: 9999 !important;
    }
}