/* ==========================================================
   PERMATA MEDICAL CENTER - DARK/LIGHT DESIGN SYSTEM OVERRIDES
   ========================================================== */

/* Transisi Halus Warna Tampilan */
body, .card, .form-control, .form-select, .list-group-item, .modal-content, .alert, .table {
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

/* KUSTOMISASI MODE DARK (SLATE THEME) */
[data-bs-theme="dark"] {
    --bs-body-bg: #0f172a;        /* Background utama Slate 900 */
    --bs-body-color: #f8fafc;     /* Teks Slate 50 */
    --bs-border-color: #334155;   /* Border Slate 700 */

    /* Override otomatis class Bootstrap di file view tanpa ubah HTML */
    .bg-white {
        background-color: #1e293b !important; /* Slate 800 */
        color: #f8fafc !important;
    }

    .bg-light, .bg-light-subtle {
        background-color: #1a2332 !important;
        color: #e2e8f0 !important;
    }

    .text-dark {
        color: #f1f5f9 !important;
    }

    .text-muted {
        color: #94a3b8 !important;
    }

    /* Card & Modal Components */
    .card {
        background-color: #1e293b;
        border-color: #334155 !important;
    }

    .card-header, .card-footer {
        background-color: #1a2332 !important;
        border-color: #334155 !important;
    }

    .modal-content {
        background-color: #1e293b;
        color: #f8fafc;
        border: 1px solid #334155;
    }

    .modal-header, .modal-footer {
        border-color: #334155;
    }

    /* Accordion Customization */
    .accordion-item {
        background-color: #1e293b;
        border-color: #334155 !important;
    }

    .accordion-button {
        background-color: #1e293b;
        color: #f8fafc;
    }

    .accordion-button:not(.collapsed) {
        background-color: #1a2332;
        color: #38bdf8;
    }

    /* Form Controls */
    .form-control, .form-select {
        background-color: #0f172a !important;
        border-color: #334155 !important;
        color: #f8fafc !important;
    }

    .form-control:focus, .form-select:focus {
        background-color: #0f172a !important;
        border-color: #38bdf8 !important;
        color: #ffffff !important;
        box-shadow: 0 0 0 0.25rem rgba(56, 189, 248, 0.2rem);
    }

    /* Tables & Lists */
    .table {
        --bs-table-bg: transparent;
        --bs-table-color: #f8fafc;
        --bs-table-hover-bg: #273549;
        border-color: #334155;
    }

    .table-light {
        --bs-table-bg: #1a2332;
        --bs-table-color: #f8fafc;
    }

    .list-group-item {
        background-color: #1e293b;
        color: #f8fafc;
        border-color: #334155;
    }

    /* Dynamic Badges Contrast in Dark Mode */
    .bg-primary-subtle { background-color: rgba(14, 165, 233, 0.15) !important; color: #38bdf8 !important; }
    .bg-success-subtle { background-color: rgba(34, 197, 94, 0.15) !important; color: #4ade80 !important; }
    .bg-warning-subtle { background-color: rgba(234, 179, 8, 0.15) !important; color: #facc15 !important; }
    .bg-danger-subtle  { background-color: rgba(239, 68, 68, 0.15) !important; color: #f87171 !important; }
    .bg-info-subtle    { background-color: rgba(168, 85, 247, 0.15) !important; color: #c084fc !important; }
}