/* ========================================================
   PREMIUM DARK MODE - LENGKAP & TERINTEGRASI
   File: public/assets/css/core-dark.css
   ======================================================== */

/* 1. Global Dark Mode Setup */
html.dark-style {
    --bs-body-color: #f1f5f9;
    --bs-body-bg: #0f172a;
}

html.dark-style body {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
}

/* 2. Sidebar & Navigasi (Warna Biru Konsisten) */
html.dark-style .layout-menu {
    background-color: #1e293b !important;
}

html.dark-style .menu-link {
    color: #94a3b8 !important;
}

/* Warna Biru Aktif (Sama untuk Menu & Sub-menu) */
html.dark-style .menu-item.active>.menu-link,
html.dark-style .menu-sub .menu-item.active>.menu-link {
    background-color: #696cff !important;
    color: #ffffff !important;
    font-weight: 600;
}

/* 3. Judul Konten & Kartu */
html.dark-style h4,
html.dark-style h5,
html.dark-style .card-title,
html.dark-style [class*="Data"] {
    color: #ffffff !important;
}

html.dark-style .card {
    background-color: #1e293b !important;
    border: 1px solid #334155;
}


/* 4. Tabel & Form */
html.dark-style .table td,
html.dark-style .table td *,
html.dark-style .table th,
html.dark-style .table th * {
    color: #ffffff !important;
}

/* Jika ada link yang masih membandel, paksa lagi */
html.dark-style .table a {
    color: #ffffff !important;
    text-decoration: none;
}

/* Memastikan warna background baris tabel tidak menimpa warna teks */
html.dark-style .table tbody tr {
    background-color: transparent !important;
}

/* 5. Dropdown Profil */
html.dark-style .dropdown-menu {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
}

html.dark-style .dropdown-item,
html.dark-style .dropdown-item span,
html.dark-style .dropdown-item i {
    color: #f1f5f9 !important;
}

html.dark-style .dropdown-item:hover {
    background-color: #334155 !important;
}

/* 6. Scrollbar Modern */
html.dark-style ::-webkit-scrollbar {
    width: 8px;
}

html.dark-style ::-webkit-scrollbar-track {
    background: #0f172a;
}

html.dark-style ::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 10px;
}
/* ========================================================
   7. MODAL DARK MODE FIX
   ======================================================== */

html.dark-style .modal-content {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
    border: 1px solid #334155;
}

html.dark-style .modal-body,
html.dark-style .modal-footer {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
}

/* Header tetap konsisten */
html.dark-style .modal-header {
    border-bottom: 1px solid #334155;
}

/* Input & Select dalam modal */
html.dark-style .modal .form-control,
html.dark-style .modal .form-select {
    background-color: #0f172a !important;
    color: #f1f5f9 !important;
    border: 1px solid #334155 !important;
}

/* Placeholder */
html.dark-style .form-control::placeholder {
    color: #94a3b8;
}

/* Label */
html.dark-style .modal label {
    color: #cbd5f5;
}

/* Tombol close biar kelihatan */
html.dark-style .modal .btn-close {
    filter: invert(1);
}
html.dark-style .modal-header.bg-primary {
    background: linear-gradient(90deg, #0d3b66, #7b8dff) !important;
    color: #ffffff !important;
}
/* SWEETALERT DARK MODE */
html.dark-style .swal2-popup {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
}

html.dark-style .swal2-title {
    color: #ffffff !important;
}

html.dark-style .swal2-html-container {
    color: #cbd5f5 !important;
}

html.dark-style .swal2-confirm {
    background-color: #696cff !important;
}

html.dark-style .swal2-cancel {
    background-color: #334155 !important;
}