/* ========================================
   DARK MODE - ABORDARE STRUCTURALĂ
   ======================================== */

:root {
    --bg-body: #0f172a; /* Navy Închis */
    --bg-card: #1e293b; /* Slate (Carduri normale) */
    --bg-card-hover: #334155; /* Hover */
    --text-main: #f8fafc; /* Alb */
    --text-muted: #94a3b8; /* Gri deschis */
    --border-color: #334155;
}

/* 1. SETUP BODY */
[data-theme="dark"] body {
    background-color: var(--bg-body) !important;
    color: var(--text-main) !important;
}

/* 2. NAVBAR */
[data-theme="dark"] .navbar-modern {
    background: rgba(15, 23, 42, 0.95) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .navbar-brand {
    text-shadow: 0 0 10px rgba(67, 97, 238, 0.5);
}

/* Text Adaptiv Nume */
.text-adaptive {
    color: #1e293b;
}

[data-theme="dark"] .text-adaptive {
    color: #ffffff !important;
}

/* 3. CARDURI COLORATE (Dashboard Top) - Le protejăm */
[data-theme="dark"] .card.bg-primary,
[data-theme="dark"] .card.bg-success,
[data-theme="dark"] .card.bg-warning,
[data-theme="dark"] .card.bg-info,
[data-theme="dark"] .card.bg-danger,
[data-theme="dark"] .card-blue,
[data-theme="dark"] .card-magenta {
    background-color: inherit !important;
    border: none !important;
    color: white !important;
}

[data-theme="dark"] .card[class*="bg-"] *,
[data-theme="dark"] .card[class*="card-"] * {
    color: white !important;
}

/* ============================================================
   4. NOILE CARDURI "ACȚIUNI RAPIDE" (CUSTOM)
   ============================================================ */

/* STARE LIGHT (Default) - Alb */
.custom-card {
    background-color: #ffffff;
    transition: background-color 0.3s ease;
}

.custom-icon-bg {
    background-color: #f8f9fa; /* Gri foarte deschis pe light */
}

/* STARE DARK - Gri Închis (Slate) */
[data-theme="dark"] .custom-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

    [data-theme="dark"] .custom-card h6,
    [data-theme="dark"] .custom-card .card-title {
        color: #ffffff !important;
    }

    [data-theme="dark"] .custom-card .text-muted {
        color: #cbd5e1 !important; /* Gri lizibil */
    }

/* Cercul din jurul iconiței pe Dark */
[data-theme="dark"] .custom-icon-bg {
    background-color: #334155 !important; /* Gri mai inchis decat cardul */
}

/* ============================================================
   5. TABEL & HEADER NEGRU
   ============================================================ */

[data-theme="dark"] .card {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-main) !important;
}


    [data-theme="dark"] .table thead th {
        background-color: var(--text-main) !important; /* Asigură fundal negru pe celule */
        color: #94a3b8 !important; /* Text gri deschis */
        border-bottom: 1px solid var(--border-color) !important;
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 1px;
    }

/* Corp Tabel */
[data-theme="dark"] .table {
    color: var(--text-muted) !important;
    border-color: var(--border-color);
}

    [data-theme="dark"] .table tbody td {
        background-color: transparent !important;
        color: white !important;
        border-bottom-color: var(--border-color) !important;
    }

[data-theme="dark"] .table-hover tbody tr:hover td {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Elemente Formulare & Butoane */
[data-theme="dark"] .form-control {
    background-color: var(--bg-body) !important;
    border-color: var(--border-color) !important;
    color: white !important;
}

[data-theme="dark"] .btn-light {
    background-color: var(--bg-card-hover) !important;
    color: white !important;
    border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .dropdown-menu {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .dropdown-item {
    color: white !important;
}

    [data-theme="dark"] .dropdown-item:hover {
        background-color: var(--bg-card-hover) !important;
    }


/* ========================================
   FIX ETICHETE CAMERE (BADGES)
   Transformă etichetele albe în gri închis
   ======================================== */

/* Țintim badge-urile care au clasa bg-light */
[data-theme="dark"] .badge.bg-light {
    background-color: #334155 !important; /* Gri închis (Slate) */
    color: #f1f5f9 !important; /* Text alb */
    border: 1px solid #475569 !important; /* Bordură discretă */
}

    /* Asigurăm că textul din interior (dacă are clase specifice) devine alb */
    [data-theme="dark"] .badge.bg-light.text-dark {
        color: #f1f5f9 !important;
    }

    /* Pentru badge-ul de "+2" camere (care are text-secondary) */
    [data-theme="dark"] .badge.bg-light.text-secondary {
        color: #cbd5e1 !important; /* Gri deschis */
    }

/* ========================================
   LANDING PAGE (HOME) DARK MODE FIXES
   ======================================== */

/* 1. TITLUL PRINCIPAL (HERO) */
[data-theme="dark"] .hero-title {
    color: #ffffff !important;
}

[data-theme="dark"] .hero-description {
    color: #cbd5e1 !important; /* Gri deschis */
}

/* Cuvântul "azi" - Albastru luminos pe dark mode */
[data-theme="dark"] .hero-title .text-primary {
    color: #60a5fa !important; /* Un albastru neon, mai vizibil pe negru */
}

/* 2. MOCKUP-UL DIN DREAPTA (CARDUL DE STICLĂ) */
[data-theme="dark"] .glass-card {
    background: rgba(30, 41, 59, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .mockup-header .text-dark {
    color: #ffffff !important;
}

[data-theme="dark"] .mockup-stat {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

    [data-theme="dark"] .mockup-stat h5 {
        color: #94a3b8 !important;
    }

    [data-theme="dark"] .mockup-stat .value {
        color: #ffffff !important;
    }

/* 3. SECȚIUNEA DE JOS (FEATURES) - Transformată din Alb în Dark */
[data-theme="dark"] .features-section,
[data-theme="dark"] .features-section.bg-white {
    background-color: #0f172a !important; /* Dark Navy (continuare body) */
    /* SAU folosește #020617 dacă vrei să fie puțin mai închisă decât header-ul */
}

    [data-theme="dark"] .features-section h2 {
        color: #ffffff !important;
    }

/* 4. CARDURILE DE FUNCȚIONALITĂȚI */
[data-theme="dark"] .feature-card-modern {
    background-color: #1e293b !important; /* Slate Card */
    border: 1px solid #334155 !important;
    box-shadow: none !important;
}

    [data-theme="dark"] .feature-card-modern h4 {
        color: #ffffff !important;
    }

    [data-theme="dark"] .feature-card-modern p.text-muted {
        color: #cbd5e1 !important;
    }

/* Iconițele din carduri - le ajustăm fundalul să nu fie prea strident */
[data-theme="dark"] .icon-box {
    border: 1px solid rgba(255,255,255,0.1);
}

/* ========================================
   FIX PENTRU PAGINI INFORMATIVE (Privacy, Terms)
   ======================================== */


/* Titlurile să fie alb pur */
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3,
[data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 {
    color: #ffffff !important;
}

/* Textul "muted" sau "secondary" devine gri deschis */
[data-theme="dark"] .text-muted,
[data-theme="dark"] .text-secondary {
    color: #94a3b8 !important;
}

/* 2. TABELE ȘI LISTE (Borduri) */
[data-theme="dark"] .list-group-item {
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

/* 3. FIX PENTRU CARDUL "STOCARE ȘI SECURITATE" (bg-light) */
[data-theme="dark"] .card.bg-light {
    background-color: var(--dark-bg-card) !important; /* Slate (#1e293b) */
    border: 1px solid #334155 !important;
    color: #cbd5e1 !important;
}
    /* Îngroșăm textele importante */
    [data-theme="dark"] .card.bg-light strong {
        color: #ffffff !important;
    }


/* 4. FIX PENTRU ZONA DE CONTACT (ALERT SECONDARY) */
/* Transformăm alerta gri în una dark */
[data-theme="dark"] .alert-secondary {
    background-color: var(--dark-bg-card) !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .alert-heading {
    color: #ffffff !important;
}



/* 5. FIX PENTRU ACORDEON (DREPTURILE GDPR) */
[data-theme="dark"] .accordion-item {
    background-color: var(--dark-bg-card) !important;
    border-color: #334155 !important;
}

/* Butonul acordeonului (închis) */
[data-theme="dark"] .accordion-button {
    background-color: var(--dark-bg-card) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

    /* Butonul acordeonului (deschis) */
    [data-theme="dark"] .accordion-button:not(.collapsed) {
        background-color: #334155 !important; /* Puțin mai deschis */
        color: #ffffff !important;
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
    }

    /* Săgeata acordeonului (inversată la alb) */
    [data-theme="dark"] .accordion-button::after {
        filter: invert(1) grayscale(100%) brightness(200%);
    }

/* Corpul acordeonului */
[data-theme="dark"] .accordion-body {
    background-color: var(--dark-bg-card) !important;
    color: #cbd5e1 !important;
    border-top: 1px solid #334155 !important;
}

/* ========================================
   FIX CULORI ICONIȚE LANDING PAGE
   Le facem să strălucească (neon) pe fundal dark
   ======================================== */

/* 1. Iconița Albastră (Rezervări) */
[data-theme="dark"] .icon-blue {
    background-color: rgba(59, 130, 246, 0.15) !important; /* Albastru închis translucid */
    color: #60a5fa !important; /* Albastru deschis (neon) */
    border: 1px solid rgba(96, 165, 250, 0.3) !important;
}

/* 2. Iconița Verde (Camere) */
[data-theme="dark"] .icon-green {
    background-color: rgba(16, 185, 129, 0.15) !important; /* Verde închis translucid */
    color: #34d399 !important; /* Verde deschis (neon) */
    border: 1px solid rgba(52, 211, 153, 0.3) !important;
}

/* 3. Iconița Mov (Rapoarte) */
[data-theme="dark"] .icon-purple {
    background-color: rgba(139, 92, 246, 0.15) !important; /* Mov închis translucid */
    color: #a78bfa !important; /* Mov deschis (neon) */
    border: 1px solid rgba(167, 139, 250, 0.3) !important;
}

/* Asigurăm că iconița din interior (<i>) preia culoarea neon */
[data-theme="dark"] .icon-box i {
    color: inherit !important;
}

/* ========================================
   LOGIN & REGISTER PAGES FIXES
   ======================================== */

/* 1. CONTAINER & FUNDAL */
[data-theme="dark"] .login-container,
[data-theme="dark"] .register-container {
    background-color: var(--dark-bg-body) !important;
}

/* 2. CARDUL PRINCIPAL (MODERN CARD) */
/* Transformăm cardul din alb în gri închis */
[data-theme="dark"] .modern-card {
    background-color: var(--dark-bg-card) !important; /* Slate (#1e293b) */
    border: 1px solid #334155 !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5) !important;
    color: #ffffff !important;
}

    /* Titlurile din card */
    [data-theme="dark"] .modern-card h2,
    [data-theme="dark"] .modern-card h3,
    [data-theme="dark"] .modern-card .text-dark {
        color: #ffffff !important;
    }

/* Iconița rotundă de la Login */
[data-theme="dark"] .icon-circle {
    background: rgba(13, 110, 253, 0.15) !important;
    color: #60a5fa !important; /* Albastru deschis neon */
}

    [data-theme="dark"] .icon-circle .bg-success {
        background-color: rgba(25, 135, 84, 0.15) !important;
        color: #4ade80 !important;
    }

/* 3. INPUT-URI & LABELS */
[data-theme="dark"] .modern-card .form-control {
    background-color: #0f172a !important; /* Dark Navy (mai închis decât cardul) */
    border-color: #334155 !important;
    color: #ffffff !important;
}

    [data-theme="dark"] .modern-card .form-control:focus {
        border-color: #0d6efd !important;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
    }

/* Etichetele (Labels) din input-urile Floating */
[data-theme="dark"] .form-floating label {
    color: #94a3b8 !important; /* Gri deschis */
}

/* Când scrii în input, label-ul rămâne lizibil */
[data-theme="dark"] .form-floating > .form-control:focus ~ label,
[data-theme="dark"] .form-floating > .form-control:not(:placeholder-shown) ~ label {
    color: #cbd5e1 !important;
    opacity: 1;
}

/* 4. ELEMENTE SPECIFICE REGISTER */
/* Titlurile secțiunilor (ex: Detalii Unitate) */
[data-theme="dark"] .form-section-title {
    color: #94a3b8 !important;
}

    /* Linia de separare de lângă titlu */
    [data-theme="dark"] .form-section-title::after {
        background: #334155 !important;
    }

/* 5. LINK-URI ȘI BUTOANE SECUNDARE */
/* Link-ul "Ai uitat parola?" */
[data-theme="dark"] a.text-primary {
    color: #60a5fa !important;
}

/* Textul "sau" dintre linii */
[data-theme="dark"] .translate-middle.bg-white {
    background-color: var(--dark-bg-card) !important; /* Trebuie să aibă culoarea cardului */
    color: #94a3b8 !important;
}

/* Butonul "Creează cont nou" (Outline Dark) */
[data-theme="dark"] .btn-outline-dark {
    color: #ffffff !important;
    border-color: #475569 !important;
}

    [data-theme="dark"] .btn-outline-dark:hover {
        background-color: #334155 !important;
        border-color: #334155 !important;
    }

/* Link-uri de navigare "Înapoi" */
[data-theme="dark"] a.text-muted:hover {
    color: #ffffff !important;
}

/* ========================================
   FORGOT PASSWORD PAGE FIXES
   ======================================== */

/* 1. CONTAINER & CARD */
[data-theme="dark"] .forgot-password-container {
    background-color: var(--dark-bg-body) !important;
}

/* Cardul principal */
[data-theme="dark"] .modern-card {
    background-color: var(--dark-bg-card) !important;
    border: 1px solid #334155 !important;
    color: #ffffff !important;
}

    /* Titlul "Ai uitat parola?" */
    [data-theme="dark"] .modern-card h3 {
        color: #ffffff !important;
    }

/* 2. INFO BOX (Căsuța albastră cu informații) */
/* Transformăm fundalul bleu deschis în bleu-navy închis */
[data-theme="dark"] .info-box {
    background-color: rgba(13, 110, 253, 0.15) !important; /* Albastru transparent */
    border-left: 4px solid #0d6efd !important;
    color: #cbd5e1 !important; /* Text gri deschis */
}

    [data-theme="dark"] .info-box i {
        color: #60a5fa !important; /* Albastru neon */
    }

/* 3. INPUT-URI */
[data-theme="dark"] .modern-card .form-control {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #ffffff !important;
}

    [data-theme="dark"] .modern-card .form-control:focus {
        border-color: #0d6efd !important;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
    }

/* 4. LINK-URI */
[data-theme="dark"] a.text-muted {
    color: #94a3b8 !important;
}

    [data-theme="dark"] a.text-muted:hover {
        color: #ffffff !important;
    }

/* Săgeata de "Înapoi" */
[data-theme="dark"] .fa-arrow-left {
    color: #94a3b8 !important;
}

/* ========================================
   OTP VERIFICATION PAGE FIXES
   ======================================== */

/* 1. CONTAINER & CARD */
[data-theme="dark"] .otp-container {
    background-color: var(--dark-bg-body) !important;
}

/* 2. TIMER BADGE (Timpul care scade) */
/* Îl facem un albastru închis translucid cu text neon */
[data-theme="dark"] .timer-badge {
    background-color: rgba(13, 110, 253, 0.15) !important; /* Albastru închis transparent */
    color: #60a5fa !important; /* Albastru neon */
    border: 1px solid rgba(13, 110, 253, 0.3) !important;
}

/* Starea de eroare (Când expiră timpul - devine roșu) */
[data-theme="dark"] .badge.bg-danger {
    background-color: rgba(220, 53, 69, 0.2) !important;
    color: #f87171 !important; /* Roșu neon */
    border: 1px solid rgba(220, 53, 69, 0.3) !important;
}

/* 3. INPUT OTP (Câmpul mare cu 0 0 0 0 0 0) */
[data-theme="dark"] .otp-input {
    background-color: #0f172a !important; /* Dark Navy */
    border-color: #334155 !important;
    color: #ffffff !important;
    letter-spacing: 15px; /* Păstrăm spațierea */
}

    [data-theme="dark"] .otp-input:focus {
        border-color: #0d6efd !important;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
    }

/* 4. LINK-URI (Retrimite codul) */
[data-theme="dark"] .resend-link {
    color: #94a3b8 !important; /* Gri deschis */
}

    [data-theme="dark"] .resend-link:hover {
        color: #60a5fa !important; /* Albastru neon la hover */
    }

    /* Link dezactivat */
    [data-theme="dark"] .resend-link.disabled {
        color: #475569 !important; /* Gri foarte închis */
        opacity: 0.5;
    }

/* 5. ICONIȚA DE SUS (Scutul) */
[data-theme="dark"] .icon-circle {
    background: rgba(13, 110, 253, 0.15) !important;
    color: #60a5fa !important;
}

/* ========================================
   FIX CULORI ERORI ȘI ALERTE
   ======================================== */

/* 1. TEXTUL DE EROARE (Validation Summary) */
/* Transformăm roșul închis standard într-un roșu neon vizibil */
[data-theme="dark"] .text-danger {
    color: #ff6b6b !important;
}

    /* Asigurăm că lista de erori (bulinele) are aceeași culoare */
    [data-theme="dark"] .text-danger ul,
    [data-theme="dark"] .text-danger li {
        color: #ff6b6b !important;
    }

/* 2. ALERTELE MODERNE DE EROARE (Bara roșie de sus) */
/* Dacă apare mesajul în alertă, trebuie să fie lizibil */
[data-theme="dark"] .modern-alert-error {
    background: rgba(220, 53, 69, 0.15) !important; /* Fundal roșu transparent */
    color: #ff8787 !important; /* Text roșu deschis */
    border-left-color: #ff6b6b !important;
}

    /* Iconița din alerta de eroare */
    [data-theme="dark"] .modern-alert-error .alert-icon-wrapper i {
        color: #ff6b6b !important;
    }

/* 3. ALERTELE MODERNE DE SUCCES (Preventiv) */
[data-theme="dark"] .modern-alert-success {
    background: rgba(25, 135, 84, 0.15) !important;
    color: #69db7c !important; /* Verde deschis */
    border-left-color: #4ade80 !important;
}

    [data-theme="dark"] .modern-alert-success .alert-icon-wrapper i {
        color: #4ade80 !important;
    }

/* ========================================
   ROOMS MODULE FIXES (LIST, CREATE, EDIT)
   ======================================== */

/* 1. PAGINA LISTARE CAMERE (INDEX) */
/* Cardurile cu statistici de sus (Total, Active) */
[data-theme="dark"] .mini-stat-card {
    background-color: var(--dark-bg-card) !important;
    border: 1px solid #334155 !important;
    color: #ffffff !important;
}

    [data-theme="dark"] .mini-stat-card .text-muted {
        color: #94a3b8 !important;
    }

/* Iconițele din mini-stats - le facem translucide */
[data-theme="dark"] .stat-icon-box {
    filter: brightness(1.2); /* Mai luminoase pe dark */
}

/* Lista principală de camere (Cardul Mare) */
[data-theme="dark"] .card-header.bg-white {
    background-color: var(--dark-bg-header) !important; /* Negru/Navy */
    border-bottom: 1px solid #334155 !important;
}

[data-theme="dark"] .card-header h5 {
    color: #ffffff !important;
}

/* Tabelul camerelor */
[data-theme="dark"] .table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Rândurile "Inacive" (bg-light opacity-75) */
[data-theme="dark"] tr.bg-light {
    background-color: rgba(0, 0, 0, 0.3) !important; /* Mai închis, nu alb */
    color: #94a3b8 !important;
}

/* Butoanele de acțiune din tabel (creion, gunoi) */
[data-theme="dark"] .btn-icon {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

    [data-theme="dark"] .btn-icon:hover {
        background-color: var(--primary-color) !important; /* Sau o culoare accent */
    }

/* 2. PAGINA DETALII CAMERĂ */
/* Cardurile de detalii */
[data-theme="dark"] .detail-card {
    background-color: var(--dark-bg-card) !important;
    border: 1px solid #334155 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .detail-header {
    border-bottom: 1px solid #334155 !important;
}

[data-theme="dark"] .info-label {
    color: #94a3b8 !important;
}

[data-theme="dark"] .info-value {
    color: #ffffff !important;
}

/* Header-ul tabelului de istoric */
[data-theme="dark"] .detail-card thead th {
    background-color: #1e293b !important; /* Să se potrivească cu cardul */
    color: #94a3b8 !important;
    border-bottom: 1px solid #334155 !important;
}

/* 3. PAGINA ADAUGĂ / EDITEAZĂ CAMERĂ */
/* Cardul de formular */
[data-theme="dark"] .card.rounded-4 {
    background-color: var(--dark-bg-card) !important;
    border: 1px solid #334155 !important;
}

/* Input groups (Iconița din stânga input-ului) */
[data-theme="dark"] .input-group-text {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .input-group .form-control {
    background-color: #0f172a !important; /* Input mai închis */
    border-color: #475569 !important;
    color: #ffffff !important;
}

/* Selectorul de Tip Cameră (Cardurile Single/Double/Suite) */
[data-theme="dark"] .room-type-option {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #ffffff !important;
}

    [data-theme="dark"] .room-type-option:hover {
        border-color: #60a5fa !important;
    }

    [data-theme="dark"] .room-type-option.selected {
        background-color: rgba(37, 99, 235, 0.2) !important; /* Albastru transparent */
        border-color: #60a5fa !important;
    }

[data-theme="dark"] .room-type-label small {
    color: #94a3b8 !important;
}

/* Selector Capacitate Suite (Butoanele 2, 3, 4) */
[data-theme="dark"] #suiteCapacityDiv .bg-light {
    background-color: #0f172a !important;
    border-color: #334155 !important;
}

[data-theme="dark"] #suiteCapacityDiv .btn-outline-primary {
    color: #60a5fa !important;
    border-color: #334155 !important;
}

    [data-theme="dark"] #suiteCapacityDiv .btn-outline-primary:hover,
    [data-theme="dark"] #suiteCapacityDiv .btn-primary {
        background-color: #2563eb !important;
        border-color: #2563eb !important;
        color: #ffffff !important;
    }

/* Zona de previzualizare (Cardul colorat din dreapta) */
/* Textul "Preț Actual" și altele din cardul preview */
[data-theme="dark"] .card-body .text-muted.small {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .card-body .bg-light {
    background-color: rgba(255, 255, 255, 0.05) !important; /* Translucid */
    color: #ffffff !important;
}

/* Butonul de "Salvează Modificările" (zona de jos) */
[data-theme="dark"] .card-footer {
    background-color: var(--dark-bg-card) !important;
    border-top: 1px solid #334155 !important;
}

/* ========================================
   FIX CULORI SPECIFICE PAGINA CAMERE
   Restaurare culori carduri și cheițe negre
   ======================================== */

/* 1. RESTAURARE CULORI CARDURI STATISTICI (SUS) */

/* Cardul Albastru (Total Camere) - care are style original #e0f2fe */
/* Îl transformăm într-un albastru închis translucid cu iconiță neon */
[data-theme="dark"] .stat-icon-box[style*="#e0f2fe"] {
    background-color: rgba(56, 189, 248, 0.15) !important; /* Albastru sky translucid */
    color: #38bdf8 !important; /* Iconiță albastru neon */
    border: 1px solid rgba(56, 189, 248, 0.3); /* Bordură fină */
}

/* Cardul Verde (Active) - care are style original #dcfce7 */
/* Îl transformăm într-un verde închis translucid cu iconiță neon */
[data-theme="dark"] .stat-icon-box[style*="#dcfce7"] {
    background-color: rgba(74, 222, 128, 0.15) !important; /* Verde translucid */
    color: #4ade80 !important; /* Iconiță verde neon */
    border: 1px solid rgba(74, 222, 128, 0.3);
}

/* Asigurăm că titlurile (h3) din aceste carduri rămân albe */
[data-theme="dark"] .mini-stat-card h3 {
    color: #ffffff !important;
}


/* 2. CHEIȚE NEGRE ȘI NUMĂR CAMERĂ */

/* Containerul gri din jurul numărului camerei */
/* Îl facem un gri mediu ("Slate") pentru a oferi contrast elementelor negre */
[data-theme="dark"] table .bg-light.rounded-3.text-dark {
    background-color: #64748b !important; /* Gri mediu */
    color: #000000 !important; /* Textul numărului (ex: 101) devine negru */
    border: 1px solid #475569;
}

/* Iconița de cheie (fa-key) */
/* O forțăm să fie NEAGRĂ pur, așa cum ai cerut */
[data-theme="dark"] table .fa-key.text-muted {
    color: #000000 !important;
    /* Opțional: o umbră foarte fină albă dedesubt pentru a o "decupa" de fundal */
    filter: drop-shadow(0 1px 0px rgba(255,255,255,0.15));
}

/* ========================================
   FIX PENTRU TABELE AVANSATE (DATATABLES)
   Repară search, antet, info și paginare
   ======================================== */

/* --- 1. CONTROALELE DE SUS (Search & Show entries) --- */

/* Etichetele de text (ex: "Search:", "Show entries") */
[data-theme="dark"] .dataTables_wrapper .dataTables_length,
[data-theme="dark"] .dataTables_wrapper .dataTables_filter,
[data-theme="dark"] .dataTables_wrapper .dataTables_info,
[data-theme="dark"] .dataTables_wrapper .dataTables_processing,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate {
    color: #cbd5e1 !important; /* Text gri deschis */
}

    /* Input-urile și Select-urile (Căsuțele propriu-zise) */
    [data-theme="dark"] .dataTables_wrapper .dataTables_filter input,
    [data-theme="dark"] .dataTables_wrapper .dataTables_length select {
        background-color: #0f172a !important; /* Dark Navy background */
        border: 1px solid #334155 !important; /* Bordură gri închis */
        color: #ffffff !important; /* Text alb */
        border-radius: 0.375rem; /* Colțuri rotunjite modern */
        padding: 0.375rem 0.75rem;
    }

        /* Focus pe input-uri */
        [data-theme="dark"] .dataTables_wrapper .dataTables_filter input:focus,
        [data-theme="dark"] .dataTables_wrapper .dataTables_length select:focus {
            border-color: #60a5fa !important; /* Albastru neon la focus */
            outline: none;
            box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.2);
        }


/* --- 2. ANTETUL TABELULUI (THEAD) --- */

/* Forțăm fundal negru și text alb pe capul de tabel */
[data-theme="dark"] table.dataTable thead th,
[data-theme="dark"] table.dataTable thead td {
    background-color: #0b1120 !important; /* Foarte închis (aproape negru) */
    color: #ffffff !important;
    border-bottom: 1px solid #334155 !important;
}

/* Iconițele de sortare (săgețile mici) */
[data-theme="dark"] table.dataTable thead .sorting:before,
[data-theme="dark"] table.dataTable thead .sorting:after,
[data-theme="dark"] table.dataTable thead .sorting_asc:before,
[data-theme="dark"] table.dataTable thead .sorting_asc:after,
[data-theme="dark"] table.dataTable thead .sorting_desc:before,
[data-theme="dark"] table.dataTable thead .sorting_desc:after {
    opacity: 0.6 !important;
    color: #ffffff !important; /* Săgeți albe */
}
/* Săgeata activă să fie mai strălucitoare */
[data-theme="dark"] table.dataTable thead .sorting_asc:before,
[data-theme="dark"] table.dataTable thead .sorting_desc:after {
    opacity: 1 !important;
    color: #60a5fa !important; /* Albastru neon pentru sortarea activă */
}


/* --- 3. PAGINAREA DE JOS (Butoanele Previous/Next) --- */

/* Stilul general al butoanelor de paginare */
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: transparent !important;
    color: #cbd5e1 !important; /* Text gri deschis */
    border: 1px solid transparent !important;
    border-radius: 0.375rem !important;
    margin-left: 2px;
}

    /* Hover pe butoane */
    [data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled) {
        background: #334155 !important; /* Fundal gri la hover */
        color: #ffffff !important;
        border: 1px solid #475569 !important;
    }

    /* Butonul Paginii Curente (Activ) */
    [data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current,
    [data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        background: #0d6efd !important; /* Albastru Bootstrap */
        color: #ffffff !important;
        border: 1px solid #0d6efd !important;
        font-weight: bold;
    }

    /* Butoanele Dezactivate (ex: Previous pe prima pagină) */
    [data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
    [data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
    [data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        cursor: not-allowed !important;
        color: #64748b !important; /* Gri foarte închis (dimmed) */
        background: transparent !important;
        box-shadow: none !important;
    }


/* --- 4. INFO JOS STÂNGA (Showing 1 to X of Y entries) --- */
/* S-a rezolvat deja la punctul 1, prin selectorul .dataTables_info */

/* ========================================
   FIX PREVIZUALIZARE CAMERĂ (Sfat & Badge)
   ======================================== */

/* 1. ZONA "SFAT" (ALERT INFO) */
/* Facem fundalul un albastru foarte închis translucid și textul vizibil */
[data-theme="dark"] .alert-info,
[data-theme="dark"] .alert-light {
    background-color: rgba(14, 165, 233, 0.15) !important; /* Albastru deschis transparent */
    border: 1px solid rgba(14, 165, 233, 0.3) !important;
    color: #bae6fd !important; /* Albastru foarte deschis (aproape alb) */
}

    /* Iconița becului */
    [data-theme="dark"] .alert-info i,
    [data-theme="dark"] .alert-light i {
        color: #facc15 !important; /* Galben auriu (pentru bec) */
    }

    /* Textul mic din interiorul sfatului */
    [data-theme="dark"] .alert-info .small,
    [data-theme="dark"] .alert-light .small {
        color: #e0f2fe !important; /* Albastru pal, foarte lizibil */
    }

    [data-theme="dark"] .alert-info strong,
    [data-theme="dark"] .alert-light strong {
        color: #ffffff !important;
    }


/* 2. ETICHETA "STANDARD" / "SINGLE" (Badge-ul mic de sus) */
/* Problema: era bg-white cu text-primary, pe dark bg-white devine dark -> textul nu se vedea */

/* Forțăm background alb pentru badge-ul din preview, chiar și în dark mode */
[data-theme="dark"] #previewTypeBadge {
    background-color: #ffffff !important;
    color: #0d6efd !important; /* Albastru standard */
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}

/* ========================================
   FIX CULORI SELECTOR TIP CAMERĂ
   Restaurare culori iconițe și text pe dark mode
   ======================================== */

/* 1. Single (care folosește text-primary - Albastru) */
/* Țintim iconița și textul care au clasa text-primary în interiorul cardului */
[data-theme="dark"] .room-type-option .text-primary {
    color: #60a5fa !important; /* Albastru neon deschis */
}

/* 2. Double (care folosește text-success - Verde) */
[data-theme="dark"] .room-type-option .text-success {
    color: #4ade80 !important; /* Verde neon deschis */
}

/* 3. Suite (care folosește text-warning - Galben/Portocaliu) */
[data-theme="dark"] .room-type-option .text-warning {
    color: #facc15 !important; /* Galben auriu neon */
}

/* Asigurăm că textul mic de dedesubt (ex: "1 Persoană") rămâne un gri lizibil, nu alb strident */
[data-theme="dark"] .room-type-option small {
    color: #94a3b8 !important; /* Gri deschis */
}

/* ========================================
   FIX CULORI BUTOANE ACȚIUNI (TABEL CAMERE)
   Restaurare culori specifice (Albastru, Galben, Roșu)
   ======================================== */

/* 1. Buton DETALII (Albastru - btn-soft-primary) */
[data-theme="dark"] .btn-icon.btn-soft-primary {
    background-color: rgba(13, 110, 253, 0.15) !important; /* Albastru închis transparent */
    color: #60a5fa !important; /* Albastru neon */
    border: 1px solid rgba(13, 110, 253, 0.3) !important;
}

/* 2. Buton EDITARE (Galben - btn-soft-warning) */
[data-theme="dark"] .btn-icon.btn-soft-warning {
    background-color: rgba(255, 193, 7, 0.15) !important; /* Galben închis transparent */
    color: #fcd34d !important; /* Galben auriu neon */
    border: 1px solid rgba(255, 193, 7, 0.3) !important;
}

/* 3. Buton ȘTERGERE (Roșu - btn-soft-danger) */
[data-theme="dark"] .btn-icon.btn-soft-danger {
    background-color: rgba(220, 53, 69, 0.15) !important; /* Roșu închis transparent */
    color: #f87171 !important; /* Roșu deschis neon */
    border: 1px solid rgba(220, 53, 69, 0.3) !important;
}

/* 4. Buton DEZACTIVARE (Gri - btn-soft-secondary) */
[data-theme="dark"] .btn-icon.btn-soft-secondary {
    background-color: rgba(108, 117, 125, 0.2) !important;
    color: #e2e8f0 !important; /* Alb-gri */
    border: 1px solid rgba(108, 117, 125, 0.3) !important;
}

/* 5. Buton ACTIVARE (Verde - btn-soft-success) */
[data-theme="dark"] .btn-icon.btn-soft-success {
    background-color: rgba(25, 135, 84, 0.15) !important;
    color: #4ade80 !important; /* Verde neon */
    border: 1px solid rgba(25, 135, 84, 0.3) !important;
}

/* Efect de Hover pentru toate (le face puțin mai luminoase) */
[data-theme="dark"] .btn-icon:hover {
    filter: brightness(1.3);
}

/* ========================================
   FIX FINAL ALERTE - STIL NEON GLOW
   ======================================== */

/* 1. Alerta de Succes (Verde Neon) */
[data-theme="dark"] .alert-modern-success,
[data-theme="dark"] .alert-success {
    /* Fundal translucid (sticlă colorată) - Verde deschis cu opacitate mică */
    background-color: rgba(34, 197, 94, 0.10) !important; 
    
    /* Bordură strălucitoare subțire */
    border: 1px solid #4ade80 !important; 
    
    /* Text verde deschis, foarte lizibil */
    color: #bbf7d0 !important; 
    
    /* EFECTUL DE GLOW (Umbră exterioară + interioară fină) */
    box-shadow: 0 0 15px rgba(74, 222, 128, 0.2), inset 0 0 10px rgba(74, 222, 128, 0.05) !important;
    
    /* Linie accentuată în stânga (Neon Tube effect) */
    border-left: 4px solid #4ade80 !important;
}

    /* Iconița Verde Neon strălucitoare */
    [data-theme="dark"] .alert-modern-success .alert-icon-wrapper i,
    [data-theme="dark"] .alert-success i {
        color: #4ade80 !important;
        /* Iconița luminează */
        text-shadow: 0 0 8px rgba(74, 222, 128, 0.6); 
    }

/* 2. Alerta de Eroare (Roșu Neon) */
[data-theme="dark"] .alert-modern-danger,
[data-theme="dark"] .alert-danger {
    /* Fundal translucid roșu */
    background-color: rgba(239, 68, 68, 0.10) !important; 
    
    /* Bordură strălucitoare roșie */
    border: 1px solid #f87171 !important; 
    
    /* Text roșu deschis */
    color: #fecaca !important; 
    
    /* EFECTUL DE GLOW Roșu */
    box-shadow: 0 0 15px rgba(248, 113, 113, 0.2), inset 0 0 10px rgba(248, 113, 113, 0.05) !important;
    
    /* Linie accentuată în stânga */
    border-left: 4px solid #f87171 !important;
}

    /* Iconița Roșie Neon strălucitoare */
    [data-theme="dark"] .alert-modern-danger .alert-icon-wrapper i,
    [data-theme="dark"] .alert-danger i {
        color: #f87171 !important;
        /* Iconița luminează */
        text-shadow: 0 0 8px rgba(248, 113, 113, 0.6);
    }

/* 3. Butonul "X" de închidere - Alb Strălucitor */
[data-theme="dark"] .alert .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%); /* Îl face alb pur */
    opacity: 0.7;
    transition: all 0.3s ease;
}

    [data-theme="dark"] .alert .btn-close:hover {
        opacity: 1;
        transform: rotate(90deg); /* Efect mic de rotație la hover */
        /* Glow alb în jurul butonului X */
        filter: invert(1) grayscale(100%) brightness(200%) drop-shadow(0 0 4px rgba(255, 255, 255, 0.8));
    }

/* ========================================
   FIX BADGE "RECOMANDAT" - STIL NEON
   ======================================== */

/* Transformăm badge-ul verde solid într-unul neon */
[data-theme="dark"] .badge.bg-success {
    /* 1. Fundal Translucid (Verde închis transparent) */
    background-color: rgba(34, 197, 94, 0.15) !important;
    /* 2. Text Verde Neon (Suprascriem clasa text-white) */
    color: #4ade80 !important;
    /* 3. Bordură Strălucitoare */
    border: 1px solid #4ade80 !important;
    /* 4. Efect de GLOW (Halou luminos verde) */
    box-shadow: 0 0 10px rgba(74, 222, 128, 0.4), inset 0 0 5px rgba(74, 222, 128, 0.1) !important;
    /* 5. Textul luminează ușor */
    text-shadow: 0 0 4px rgba(74, 222, 128, 0.5);
    /* Ajustări fine */
    font-weight: 600 !important;
    padding: 0.5em 0.8em; /* Puțin mai mult spațiu */
}

    /* Iconița (steaua) din interiorul badge-ului */
    [data-theme="dark"] .badge.bg-success i {
        color: #4ade80 !important;
        margin-right: 4px; /* Spațiu între stea și text */
    }

/* ========================================
   OPTIONAL: BADGE "DISPONIBIL" (Albastru)
   Dacă ai și badge-uri albastre (ex: "11 Disponibile"), le facem Neon Blue
   ======================================== */

[data-theme="dark"] .badge.bg-soft-primary {
    background-color: rgba(59, 130, 246, 0.15) !important;
    color: #60a5fa !important; /* Albastru Neon */
    border: 1px solid #60a5fa !important;
    box-shadow: 0 0 10px rgba(96, 165, 250, 0.4) !important;
}

/* ========================================
   FIX PAGINA DETALII CAMERĂ (LEFT PANEL)
   Reparare carduri statistici, butoane mari și status
   ======================================== */

/* 1. STATUS BADGE MARE (Activă / Inactivă) */
[data-theme="dark"] .status-badge-lg {
    border: 1px solid transparent;
}

    /* Status Activ: Verde neon pe fundal verde închis */
    [data-theme="dark"] .status-badge-lg.status-active {
        background-color: rgba(34, 197, 94, 0.15) !important;
        color: #4ade80 !important;
        border-color: rgba(34, 197, 94, 0.3) !important;
    }

    /* Status Inactiv: Roșu neon pe fundal roșu închis */
    [data-theme="dark"] .status-badge-lg.status-inactive {
        background-color: rgba(239, 68, 68, 0.15) !important;
        color: #f87171 !important;
        border-color: rgba(239, 68, 68, 0.3) !important;
    }


/* 2. STAT BOXES (Cele două pătrate albe: Rezervări Totale / Active) */
[data-theme="dark"] .stat-box {
    background-color: #0f172a !important; /* Dark Navy (mai închis decât cardul) */
    border: 1px solid #334155 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .stat-title {
    color: #94a3b8 !important; /* Text gri deschis */
}

/* Numerele din statistici */
[data-theme="dark"] .stat-value.text-primary {
    color: #60a5fa !important; /* Albastru neon */
}

[data-theme="dark"] .stat-value.text-success {
    color: #4ade80 !important; /* Verde neon */
}


/* 3. BUTOANE ACȚIUNI RAPIDE (Editează, Dezactivează, Șterge) */
/* Stil general pentru butoanele mari */
[data-theme="dark"] .btn-action-modern {
    border: 1px solid transparent;
    color: #ffffff !important;
    box-shadow: none !important;
}

    /* Editează (Albastru) */
    [data-theme="dark"] .btn-action-modern.btn-soft-primary {
        background-color: rgba(13, 110, 253, 0.15) !important;
        color: #60a5fa !important;
        border-color: rgba(13, 110, 253, 0.3) !important;
    }

    /* Dezactivează/Activează (Galben/Verde) */
    [data-theme="dark"] .btn-action-modern.btn-soft-warning {
        background-color: rgba(245, 158, 11, 0.15) !important;
        color: #fbbf24 !important;
        border-color: rgba(245, 158, 11, 0.3) !important;
    }

    [data-theme="dark"] .btn-action-modern.btn-soft-success {
        background-color: rgba(34, 197, 94, 0.15) !important;
        color: #4ade80 !important;
        border-color: rgba(34, 197, 94, 0.3) !important;
    }

    /* Șterge (Roșu) */
    [data-theme="dark"] .btn-action-modern.btn-soft-danger {
        background-color: rgba(239, 68, 68, 0.15) !important;
        color: #f87171 !important;
        border-color: rgba(239, 68, 68, 0.3) !important;
    }

    /* Hover effect */
    [data-theme="dark"] .btn-action-modern:hover {
        filter: brightness(1.2);
        transform: translateY(-2px);
    }


/* 4. FILTRELE DIN DREAPTA (Toate, Active, Finalizate) */
[data-theme="dark"] .btn-group .btn-outline-light {
    background-color: transparent !important;
    border-color: #475569 !important;
    color: #94a3b8 !important; /* Text gri */
}

/* Starea selectată (Checked) */
[data-theme="dark"] .btn-group .btn-check:checked + .btn-outline-light {
    background-color: #334155 !important;
    color: #ffffff !important;
    border-color: #60a5fa !important;
}

/* ========================================
   FIX FINAL DETALII CAMERĂ (CULORI & CARDURI)
   ======================================== */

/* 1. RESTAURARE CULOARE PREȚ (VERDE) */
/* Forțăm culoarea verde neon pentru prețuri, suprascriind albul general */
[data-theme="dark"] .text-success,
[data-theme="dark"] .info-value.text-success,
[data-theme="dark"] span.text-success {
    color: #4ade80 !important; /* Verde Neon */
}

/* 2. CARDURILE DE DETALII & HEADER (Să nu mai fie albe) */
[data-theme="dark"] .detail-card,
[data-theme="dark"] .detail-header {
    background-color: #1e293b !important; /* Dark Slate (Gri închis) */
    border-color: #334155 !important;
    color: #ffffff !important;
}


/* 4. ETICHETELE MICI (Labels) */
/* Textul "Tip Cameră", "Preț/Noapte" să fie gri, nu alb strident */
[data-theme="dark"] .info-label {
    color: #94a3b8 !important;
}

/* ========================================
   FIX PUNCTULEȚ STATUS (VERDE)
   ======================================== */

/* 1. Punctul din tabel (Lista Camere) */
[data-theme="dark"] .status-dot.status-active {
    background-color: #4ade80 !important; /* Verde Neon */
    box-shadow: 0 0 6px rgba(74, 222, 128, 0.5); /* Mic efect de strălucire */
}

/* 2. Punctul din pagina de detalii (Badge-ul mare "Activă") */
/* Acesta este un span în interiorul badge-ului */
[data-theme="dark"] .status-badge-lg.status-active span {
    background-color: #4ade80 !important; /* Forțăm verdele neon */
}

/* ========================================
   FIX AVATARE (CERCURI CU LITERE)
   ======================================== */

/* Transformăm cercurile albe în cercuri dark cu stil */
[data-theme="dark"] .rounded-circle.bg-light {
    background-color: #1e293b !important; /* Fundal închis (Slate) */
    border: 1px solid #334155 !important; /* Bordură subtilă */
    color: #ffffff !important; /* Text alb standard */
    box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* Umbră fină */
}

    /* Pentru cercurile care au clasa text-secondary (cele din listele tale) */
    /* Le facem literele să fie un albastru neon frumos pentru contrast */
    [data-theme="dark"] .rounded-circle.bg-light.text-secondary {
        color: #60a5fa !important; /* Albastru Neon */
        font-weight: 700 !important;
    }

    /* Opțional: Hover pe avatar */
    [data-theme="dark"] .rounded-circle.bg-light:hover {
        background-color: #334155 !important;
        border-color: #60a5fa !important;
    }

/* ========================================
   FIX MODAL STERGERE (CONFIRMATION)
   ======================================== */

/* 1. Fundalul și Bordura Modalului - Culoare Card (Slate) */
[data-theme="dark"] .modal-content {
    background-color: #1e293b !important; /* Același Gri-Albăstrui ca restul cardurilor */
    border: 1px solid #334155 !important; /* Bordură fină */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important; /* Umbră puternică pentru profunzime */
    color: #ffffff !important;
}

/* 2. Titlurile (Ești sigur?) */
[data-theme="dark"] .modal-body h5 {
    color: #ffffff !important;
}

/* 3. Textul descriptiv (Vrei să ștergi camera...) */
[data-theme="dark"] .modal-body p.text-muted {
    color: #cbd5e1 !important; /* Gri deschis lizibil */
}

/* 4. Evidențierea numărului camerei */
[data-theme="dark"] .modal-body strong {
    color: #ffffff !important;
}

/* 5. Butonul "Anulează" - Îl facem tot gri închis */
[data-theme="dark"] .modal-footer .btn-light,
[data-theme="dark"] .modal-body .btn-light {
    background-color: #334155 !important; /* Puțin mai deschis decât fundalul modalului */
    color: #ffffff !important;
    border: 1px solid #475569 !important;
}

    [data-theme="dark"] .modal-body .btn-light:hover {
        background-color: #475569 !important;
    }

/* 6. Iconița de atenționare (exclamarea) */
[data-theme="dark"] .modal-body .text-danger {
    color: #f87171 !important; /* Roșu neon */
}

/* ========================================
   FIX FUNDAL MODAL (BACKDROP OVERLAY)
   Face fundalul din spate aproape opac (negru)
   ======================================== */

[data-theme="dark"] .modal-backdrop.show {
    opacity: 0.70 !important; /* Aproape negru complet (95%) */
    background-color: #000000 !important;
}

/* ========================================
   FIX FINAL: CARDURI ABONAMENTE (PRICING)
   Forțare fundal întunecat în interiorul cardurilor
   ======================================== */

/* Starea normală a butonului */
[data-theme="dark"] .btn-details {
    background-color: #1e293b !important; /* Dark Slate (Culoarea cardurilor) */
    color: #ffffff !important; /* Text Alb */
    border: 1px solid #475569 !important; /* Bordură gri */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); /* Umbră */
    transition: all 0.3s ease;
}

    [data-theme="dark"] .btn-details:hover {
        background-color: #334155 !important; /* Puțin mai deschis la hover */
        border-color: #94a3b8 !important; /* Bordură mai vizibilă */
        color: #ffffff !important;
        transform: translateY(-2px); /* Mic efect de ridicare */
    }

/* 1. Containerul principal al cardului */
[data-theme="dark"] .pricing-card {
    /* Setăm culoarea de fundal a cardului (Dark Slate) */
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5) !important;
    overflow: hidden; /* Asigură colțuri rotunjite curate */
}

    /* 2. !!! FIX CRITIC: Zonele interioare transparente !!! */
    /* Asta elimină fundalul alb din interiorul cardului */
    [data-theme="dark"] .pricing-card .features-list,
    [data-theme="dark"] .pricing-card .pricing-footer {
        background-color: transparent !important;
        color: #cbd5e1 !important; /* Text gri deschis lizibil */
    }

/* 3. Elementele individuale din listă (Features) */
[data-theme="dark"] .feature-item {
    border-bottom: 1px solid #334155 !important;
}

    [data-theme="dark"] .feature-item span {
        color: #cbd5e1 !important;
    }

    [data-theme="dark"] .feature-item i.fa-check-circle {
        color: #4ade80 !important; /* Verde neon */
    }

    [data-theme="dark"] .feature-item i.fa-times-circle.text-muted {
        color: #64748b !important; /* Gri închis pentru "X" */
        opacity: 1 !important;
    }

/* 4. Header-ul colorat de sus (Titlu și Preț) */
[data-theme="dark"] .pricing-header h3.pricing-title,
[data-theme="dark"] .pricing-header .price-display,
[data-theme="dark"] .pricing-header .price-unit {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

/* 5. Selectorul Lunar/Anual (Radio buttons) */
[data-theme="dark"] .billing-toggle label {
    color: rgba(255,255,255,0.8) !important;
}

[data-theme="dark"] .billing-toggle input:checked + label {
    color: #ffffff !important;
    background-color: rgba(255,255,255,0.2) !important;
}

/* 6. Eticheta "Planul tău curent" */
[data-theme="dark"] .current-plan-badge {
    background: rgba(255,255,255,0.2) !important;
    color: #ffffff !important;
}

/* 7. PAGINA "ABONAMENTUL MEU" (MySubscription) */
[data-theme="dark"] .sub-card {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #ffffff !important;
}

    [data-theme="dark"] .sub-card h3, [data-theme="dark"] .sub-card h5 {
        color: #ffffff !important;
    }

    [data-theme="dark"] .sub-card .text-primary {
        color: #60a5fa !important;
    }

[data-theme="dark"] .price-tag {
    color: #ffffff !important;
}

[data-theme="dark"] .price-period {
    color: #94a3b8 !important;
}

/* Box-ul cu data activării */
[data-theme="dark"] .sub-card .bg-light {
    background-color: #0f172a !important; /* Dark Navy */
    border: 1px solid #334155 !important;
}

    [data-theme="dark"] .sub-card .bg-light .text-dark {
        color: #ffffff !important;
    }

/* Progress Bars */
[data-theme="dark"] .usage-label {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .progress-thin {
    background-color: #334155 !important;
}

/* Iconițele de Features */
[data-theme="dark"] .feature-icon {
    background-color: #334155 !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .feature-active .feature-icon {
    background-color: rgba(34, 197, 94, 0.15) !important;
    color: #4ade80 !important;
}

[data-theme="dark"] .text-feature {
    color: #ffffff !important;
}

[data-theme="dark"] .text-feature-muted {
    color: #64748b !important;
}

/* Banner-ul de sus */
[data-theme="dark"] .current-plan-banner {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    border: 1px solid #334155 !important;
}

    [data-theme="dark"] .current-plan-banner .plan-name {
        color: #ffffff !important;
    }

    [data-theme="dark"] .current-plan-banner .plan-price-tag {
        color: #cbd5e1 !important;
    }

/* ========================================
   FIX BADGE "ACTIVE" (PAGINA ABONAMENT)
   ======================================== */

[data-theme="dark"] .plan-badge {
    background-color: rgba(56, 189, 248, 0.15) !important; /* Albastru deschis translucid */
    color: #38bdf8 !important; /* Albastru neon strălucitor */
    border: 1px solid rgba(56, 189, 248, 0.3) !important; /* Bordură fină */
    box-shadow: 0 0 10px rgba(56, 189, 248, 0.2); /* Mică strălucire */
}

/* ========================================
   FIX BANNER UPGRADE / RECLAMĂ (DASHBOARD)
   ======================================== */

/* 1. Containerul Bannerului (Cutia mare) */
/* Țintim elementele mari cu fundal deschis din dashboard */
[data-theme="dark"] .dashboard-container .bg-light,
[data-theme="dark"] .p-5.bg-light,
[data-theme="dark"] .p-4.bg-light {
    background-color: rgba(59, 130, 246, 0.15) !important; /* Albastru Dark Translucid */
    border: 1px solid rgba(59, 130, 246, 0.3) !important; /* Bordură fină albastră */
    color: #ffffff !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

    /* 2. Titlul "Upgrade la Premium!" */
    [data-theme="dark"] .p-5.bg-light h1,
    [data-theme="dark"] .p-5.bg-light h2,
    [data-theme="dark"] .p-5.bg-light h3,
    [data-theme="dark"] .p-5.bg-light .display-5,
    [data-theme="dark"] .p-5.bg-light .fw-bold {
        color: #ffffff !important;
        text-shadow: 0 2px 4px rgba(0,0,0,0.5); /* Umbră pentru contrast */
    }

    /* 3. Textul descriptiv ("Elimină reclamele...") */
    [data-theme="dark"] .p-5.bg-light p,
    [data-theme="dark"] .p-4.bg-light p {
        color: #cbd5e1 !important; /* Gri deschis */
    }

/* 4. Eticheta mică "Reclamă" din colțul dreapta-sus */
[data-theme="dark"] .text-muted.small.float-end {
    color: #64748b !important; /* Gri închis discret */
}

/* ========================================
   FIX FINAL: BANNER UPGRADE (DASHBOARD)
   Forțare culoare pentru bannerul de reclamă
   ======================================== */

/* Țintim toate variantele posibile de fundal deschis pentru acest banner */
[data-theme="dark"] .dashboard-container .bg-light,
[data-theme="dark"] .dashboard-container .bg-white,
[data-theme="dark"] .dashboard-container .bg-primary-subtle,
[data-theme="dark"] .dashboard-container .bg-info-subtle,
/* Fallback: elemente cu padding mare și fundal deschis */
[data-theme="dark"] .p-5.bg-light,
[data-theme="dark"] .p-4.bg-light,
[data-theme="dark"] .rounded-3.bg-light {
    background-color: rgba(59, 130, 246, 0.15) !important; /* Albastru închis translucid */
    border: 1px solid rgba(59, 130, 246, 0.3) !important; /* Bordură fină */
    color: #ffffff !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

    /* Asigurăm că toate textele din interior sunt albe */
    [data-theme="dark"] .p-5.bg-light h1,
    [data-theme="dark"] .p-5.bg-light h2,
    [data-theme="dark"] .p-5.bg-light p,
    [data-theme="dark"] .rounded-3.bg-light h1,
    [data-theme="dark"] .rounded-3.bg-light p {
        color: #ffffff !important;
        text-shadow: 0 1px 2px rgba(0,0,0,0.5); /* Umbră pentru lizibilitate */
    }

/* Textul mic "Reclamă" din colț */
[data-theme="dark"] .text-muted.small.float-end {
    color: #94a3b8 !important; /* Gri deschis */
}

/* ========================================
   FIX FINAL & FORȚAT: BANNER + MODAL
   ======================================== */

/* 1. REPARATIE BANNER UPGRADE (Jumbotron) */
/* Folosim o selecție foarte specifică pentru a bate bg-light-ul din Bootstrap */
[data-theme="dark"] div.p-5.mb-4.bg-light.rounded-3 {
    background-color: rgba(15, 23, 42, 0.95) !important; /* Dark Navy opac */
    border: 1px solid rgba(59, 130, 246, 0.3) !important; /* Bordură albastră fină */
    background-image: none !important; /* Elimină orice gradient */
    color: #ffffff !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

    /* Forțăm textul din interiorul bannerului să fie alb */
    [data-theme="dark"] div.p-5.mb-4.bg-light.rounded-3 h1,
    [data-theme="dark"] div.p-5.mb-4.bg-light.rounded-3 h2,
    [data-theme="dark"] div.p-5.mb-4.bg-light.rounded-3 p,
    [data-theme="dark"] div.p-5.mb-4.bg-light.rounded-3 .display-5 {
        color: #ffffff !important;
        text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    }

    /* Textul mic "Reclamă" din colț */
    [data-theme="dark"] div.p-5.mb-4.bg-light.rounded-3 .text-muted {
        color: #94a3b8 !important; /* Gri deschis */
    }

/* 2. REPARATIE FUNDAL MODAL (Să nu se mai vadă în spate) */
/* Suprascriem regula anterioară de 0.70 cu 0.95 */
[data-theme="dark"] .modal-backdrop.show {
    opacity: 0.95 !important; /* Aproape negru complet */
    background-color: #000000 !important;
}

/* Asigurăm că modalul în sine este opac (solid) */
[data-theme="dark"] .modal-content {
    background-color: #1e293b !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7) !important;
}

/* ========================================
   FIX FINAL & FORȚAT: BANNER + MODAL (STYLES INLINE)
   ======================================== */

/* 1. REPARAȚIE BANNER UPGRADE (DASHBOARD) */
/* Țintim elementul exact cum apare în inspector: div cu p-5, mb-4, bg-light */
[data-theme="dark"] div.p-5.mb-4.bg-light.rounded-3 {
    background-color: rgba(15, 23, 42, 0.95) !important; /* Dark Navy opac */
    border: 1px solid rgba(59, 130, 246, 0.3) !important; /* Bordură albastră fină */
    background-image: none !important;
    color: #ffffff !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

    /* Forțăm textul din interiorul bannerului să fie alb */
    [data-theme="dark"] div.p-5.mb-4.bg-light.rounded-3 h1,
    [data-theme="dark"] div.p-5.mb-4.bg-light.rounded-3 h2,
    [data-theme="dark"] div.p-5.mb-4.bg-light.rounded-3 p,
    [data-theme="dark"] div.p-5.mb-4.bg-light.rounded-3 .display-5,
    [data-theme="dark"] div.p-5.mb-4.bg-light.rounded-3 .fw-bold {
        color: #ffffff !important;
        text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    }

    /* Textul mic "Reclamă" din colț */
    [data-theme="dark"] div.p-5.mb-4.bg-light.rounded-3 .text-muted {
        color: #94a3b8 !important; /* Gri deschis */
    }

/* 2. REPARAȚIE MODAL CU STILURI INLINE (CheckModal) */
/* Selectorii [style*="..."] caută elemente care au stiluri inline și le suprascriu */

[data-theme="dark"] .modal-header[style*="background-color"],
[data-theme="dark"] .modal-body[style*="background-color"],
[data-theme="dark"] .modal-footer[style*="background-color"] {
    background-color: #1e293b !important; /* Dark Slate (Culoarea cardurilor) */
    color: #ffffff !important;
    border-color: #334155 !important;
}

/* Titlul din modal */
[data-theme="dark"] .modal-title {
    color: #ffffff !important;
}

/* Containerul din body care are spinner-ul */
[data-theme="dark"] #checkModalBody .d-flex {
    background-color: #1e293b !important;
}

/* Spinner-ul de încărcare */
[data-theme="dark"] .spinner-border.text-success,
[data-theme="dark"] .spinner-border.text-primary {
    color: #60a5fa !important; /* Albastru neon */
}

/* 3. REPARAȚIE FUNDAL MODAL (Să nu se mai vadă în spate) */
[data-theme="dark"] .modal-backdrop.show {
    opacity: 0.95 !important; /* Aproape negru complet */
    background-color: #000000 !important;
}

/* ========================================
   FIX FINAL: BANNER RECLAMĂ (_AdBanner.cshtml)
   ======================================== */

/* 1. Containerul Exterior (.ad-banner) - Aici era albul rămas */
[data-theme="dark"] .ad-banner {
    background-color: #1e293b !important; /* Culoare Card Dark (Slate) */
    border: 1px solid #334155 !important;
    border-radius: 8px; /* Păstrăm colțurile rotunjite */
    padding: 10px; /* Asigurăm spațierea */
}

    /* 2. Alerta din interior */
    /* O facem transparentă sau mai închisă pentru a se integra în container */
    [data-theme="dark"] .ad-banner .alert-info {
        background-color: rgba(15, 23, 42, 0.6) !important; /* Dark Navy translucid */
        border: 1px solid rgba(59, 130, 246, 0.3) !important; /* Bordură fină albastră */
        color: #ffffff !important;
        box-shadow: none !important;
    }

        /* 3. Textul din interior (Titlu și Paragraf) */
        [data-theme="dark"] .ad-banner .alert-info h5,
        [data-theme="dark"] .ad-banner .alert-info p {
            color: #ffffff !important;
            text-shadow: none !important;
        }

    /* 4. Eticheta mică "Reclamă" de sus (din colțul containerului) */
    [data-theme="dark"] .ad-banner .ad-label .text-muted {
        color: #94a3b8 !important; /* Gri deschis */
    }

    /* 5. Butonul "Vezi Planurile" */
    [data-theme="dark"] .ad-banner .btn-primary {
        background-color: #3b82f6 !important; /* Albastru vivid */
        border-color: #3b82f6 !important;
        color: #ffffff !important;
    }

/* ========================================
   FIX PAGINA CALENDAR (FULLCALENDAR)
   ======================================== */

/* 1. CONTAINERUL PRINCIPAL */
/* Cardul din spate devine Dark Slate */
[data-theme="dark"] .card.bg-white {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #ffffff !important;
}

/* 2. FULLCALENDAR - Override Agresiv */
[data-theme="dark"] .fc {
    /* Variabile de bază */
    --fc-page-bg-color: #1e293b;
    --fc-neutral-bg-color: #0f172a; /* Header-ul (Luni, Marți...) */
    --fc-border-color: #334155; /* Liniile grilei */
    --fc-today-bg-color: rgba(59, 130, 246, 0.15); /* Ziua curentă */
}

/* --- GRILA ȘI PĂTRĂȚELELE (SQUARES) --- */

/* Forțăm fundalul celulelor să fie gri închis, nu alb */
[data-theme="dark"] .fc-theme-standard td,
[data-theme="dark"] .fc-theme-standard th,
[data-theme="dark"] .fc-scrollgrid,
[data-theme="dark"] .fc-daygrid-day,
[data-theme="dark"] .fc-daygrid-day-frame,
[data-theme="dark"] .fc-list-day-cushion {
    background-color: #1e293b !important; /* Culoarea cardului */
    border-color: #334155 !important;
}

/* Header-ul (Zilele săptămânii) */
[data-theme="dark"] .fc-col-header-cell {
    background-color: #0f172a !important; /* Mai închis sus */
    color: #cbd5e1 !important;
}

    [data-theme="dark"] .fc-col-header-cell a {
        color: #cbd5e1 !important;
        text-decoration: none;
    }

/* Numerele zilelor (1, 2, 3...) */
[data-theme="dark"] .fc-daygrid-day-number {
    color: #cbd5e1 !important;
    text-decoration: none;
}

/* --- BUTOANELE CALENDARULUI CU REZERVARI --- */

[data-theme="dark"] .fc .fc-button-group {
    background-color: #334155 !important; /* Fundalul general: Gri Închis */
    border: 1px solid #475569 !important; /* BORDURA GRI (Aici era albă înainte) */
    border-radius: 50px !important; /* Rotunjire */
    box-shadow: none !important; /* Elimină orice umbră/strălucire albă */
    display: inline-flex !important;
    overflow: hidden; /* Ține butoanele în interior */
}

/* Starea Normală */
[data-theme="dark"] .fc .fc-button-primary {
    background-color: #334155 !important; /* Gri închis */
    border-color: #475569 !important; /* Bordură gri */
    color: #ffffff !important;
    box-shadow: none !important;
}

    /* Starea Hover (Când pui mouse-ul) */
    [data-theme="dark"] .fc .fc-button-primary:hover {
        background-color: #475569 !important; /* Puțin mai deschis */
        border-color: #64748b !important;
    }

    /* Starea Activă (Butonul apăsat sau "Luna" selectată) */
    [data-theme="dark"] .fc .fc-button-primary:not(:disabled).fc-button-active,
    [data-theme="dark"] .fc .fc-button-primary:not(:disabled):active {
        background-color: #0d6efd !important; /* Albastru */
        border-color: #0d6efd !important;
        color: #ffffff !important;
    }

    /* Starea Dezactivată */
    [data-theme="dark"] .fc .fc-button-primary:disabled {
        background-color: #1e293b !important;
        border-color: #334155 !important;
        color: #64748b !important;
    }

/* Titlul (ex: Decembrie 2025) */
[data-theme="dark"] .fc .fc-toolbar-title {
    color: #ffffff !important;
}

/* 3. INPUT-URILE DE SUS (Selectoare și Butoane Custom) */
[data-theme="dark"] .room-filter-select {
    background-color: #0f172a !important;
    color: #ffffff !important;
    border: 1px solid #334155 !important;
}
/* Iconița dropdown albă */
[data-theme="dark"] .room-filter-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}

/* ========================================
   FIX STATISTICI CALENDAR (TOP CARDS)
   ======================================== */

/* 1. Cardurile mici de statistici (Containerul) */
[data-theme="dark"] .mobile-stats-card,
[data-theme="dark"] .card.bg-light {
    /* .card.bg-light este pentru cardul de filtrare din dreapta */
    background-color: #1e293b !important; /* Slate (Culoare Card) */
    border: 1px solid #334155 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3) !important;
}

/* 2. Textul din interiorul cardurilor */
[data-theme="dark"] .stats-label,
[data-theme="dark"] .form-label {
    color: #94a3b8 !important; /* Gri deschis */
}

[data-theme="dark"] .stats-value {
    color: #ffffff !important; /* Valoarea (numărul) alb */
}

/* 3. ICONIȚELE (Cercurile colorate) - Stil "Neon Dark" */

/* Iconița Albastră (TOTAL) */
[data-theme="dark"] .icon-box.bg-primary-subtle {
    background-color: rgba(59, 130, 246, 0.15) !important; /* Albastru închis translucid */
    color: #60a5fa !important; /* Iconiță albastru neon */
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
}

/* Iconița Verde (ACTIVE) */
[data-theme="dark"] .icon-box.bg-success-subtle {
    background-color: rgba(16, 185, 129, 0.15) !important; /* Verde închis translucid */
    color: #34d399 !important; /* Iconiță verde neon */
    border: 1px solid rgba(52, 211, 153, 0.3) !important;
}

/* Iconița Cyan/Info (VIITOR) */
[data-theme="dark"] .icon-box.bg-info-subtle {
    background-color: rgba(6, 182, 212, 0.15) !important; /* Cyan închis translucid */
    color: #22d3ee !important; /* Iconiță cyan neon */
    border: 1px solid rgba(6, 182, 212, 0.3) !important;
}

/* Iconița Albă/Gri (FILTRARE) */
[data-theme="dark"] .icon-box.bg-white {
    background-color: #334155 !important; /* Gri închis */
    color: #cbd5e1 !important; /* Iconiță gri deschis */
    border: 1px solid #475569 !important;
}

/* 4. Select-ul de filtrare (Dropdown-ul) */
[data-theme="dark"] #roomFilterDesktop {
    background-color: #0f172a !important; /* Dark Navy */
    color: #ffffff !important;
    border: 1px solid #334155 !important;
}

/* ========================================
   FIX REPORT MODAL (FINANCIAL REPORT)
   ======================================== */

/* 1. Modal Content & Header */
[data-theme="dark"] #reportModal .modal-content {
    background-color: #1e293b !important; /* Dark Slate background */
    border: 1px solid #334155 !important;
    color: #ffffff !important;
}

/* Header Gradient Override (Indigo) */
[data-theme="dark"] .modal-header-indigo {
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%) !important; /* Dark Indigo Gradient */
    border-bottom: 1px solid #334155 !important;
}

    [data-theme="dark"] .modal-header-indigo .modal-title {
        color: #ffffff !important;
    }

    [data-theme="dark"] .modal-header-indigo small {
        color: rgba(255, 255, 255, 0.7) !important;
    }

    /* Icon Circle in Header */
    [data-theme="dark"] .modal-header-indigo .modal-icon-circle {
        background-color: rgba(255, 255, 255, 0.1) !important;
        color: #ffffff !important;
    }

/* Close Button (White) */
[data-theme="dark"] .btn-close-white-custom {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: 0.8;
}

/* 2. Modal Body & Footer */
[data-theme="dark"] #reportModal .modal-body,
[data-theme="dark"] #reportModal .modal-footer {
    background-color: #1e293b !important; /* Matches modal content */
    color: #ffffff !important;
    border-top: 1px solid #334155 !important;
}

/* 3. Form Inputs (Date Pickers) & Input Groups */

/* Containerul principal al input-ului (cel care are bordura albă în poză) */
[data-theme="dark"] #reportModal .input-group-modern {
    background-color: #334155 !important; 
    border: 1px solid #475569 !important; /* Dark Grey Border */
    border-radius: 12px !important; /* Ensure rounded corners match */
    overflow: hidden; /* Clips any white background corners */
}

/* Input-ul propriu-zis (Partea dreaptă) */
[data-theme="dark"] #reportModal input[type="date"] {
    background-color: transparent !important; /* Transparent to show parent bg */
    border: none !important; /* Remove individual border */
    color: #ffffff !important;
    color-scheme: dark; /* White calendar icon */
    box-shadow: none !important;
}


/* Iconița din stânga (Partea stângă - clepsidra) */
[data-theme="dark"] #exportModal .input-group-text {
    background-color: #334155 !important; /* Darker background for icon area */
    border: none !important; /* Remove border to merge */
    border-right: 1px solid #475569 !important; /* Vertical separator only */
    color: #cbd5e1 !important; /* Light grey icon color */
    border-radius: 0 !important; /* Remove individual radius inside group */
}

/* Containerul principal al input-ului (cel care are bordura albă în poză) */
[data-theme="dark"] #exportModal .input-group-modern {
    background-color: #334155 !important;
    border: 1px solid #475569 !important; /* Dark Grey Border */
    border-radius: 12px !important; /* Ensure rounded corners match */
    overflow: hidden; /* Clips any white background corners */
}

/* Input-ul propriu-zis (Partea dreaptă) */
[data-theme="dark"] #exportModal input[type="date"] {
    background-color: transparent !important; /* Transparent to show parent bg */
    border: none !important; /* Remove individual border */
    color: #ffffff !important;
    color-scheme: dark; /* White calendar icon */
    box-shadow: none !important;
}

/* Iconița din stânga (Partea stângă - clepsidra) */
[data-theme="dark"] #reportModal .input-group-text {
    background-color: #334155 !important; /* Darker background for icon area */
    border: none !important; /* Remove border to merge */
    border-right: 1px solid #475569 !important; /* Vertical separator only */
    color: #cbd5e1 !important; /* Light grey icon color */
    border-radius: 0 !important; /* Remove individual radius inside group */
}



/* 4. Info Card (Sfat Pro) */
[data-theme="dark"] #reportModal .info-card-subtle {
    background-color: rgba(59, 130, 246, 0.15) !important; /* Dark Blue Translucent */
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
    color: #cbd5e1 !important;
}

    [data-theme="dark"] #reportModal .info-card-subtle strong {
        color: #ffffff !important;
    }

    [data-theme="dark"] #reportModal .info-card-subtle i {
        color: #60a5fa !important; /* Neon Blue Icon */
    }

[data-theme="dark"] #exportModal .info-card-subtle {
    background-color: rgba(59, 130, 246, 0.15) !important; /* Dark Blue Translucent */
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
    color: #cbd5e1 !important;
}

    [data-theme="dark"] #exportModal .info-card-subtle strong {
        color: #ffffff !important;
    }

    [data-theme="dark"] #exportModal .info-card-subtle i {
        color: #60a5fa !important; /* Neon Blue Icon */
    }


/* 5. Buttons */
[data-theme="dark"] #reportModal .btn-white {
    background-color: #334155 !important;
    color: #ffffff !important;
    border: 1px solid #475569 !important;
}

    [data-theme="dark"] #reportModal .btn-white:hover {
        background-color: #475569 !important;
    }
[data-theme="dark"] #exportModal .modal-body,
[data-theme="dark"] #exportModal .modal-footer,
[data-theme="dark"] #exportModal .modal-footer.bg-light {
    background-color: #1e293b !important;
    color: #ffffff !important;
    border-top: 1px solid #334155 !important;
}

[data-theme="dark"] .modal-header-gradient {
    background: linear-gradient(135deg, #4c1d95 0%, #312e81 100%) !important; /* Dark Purple/Indigo Gradient */
    border-bottom: 1px solid #334155 !important;
}

/* MODAL CULORI PERSONALIZATE*/

[data-theme="dark"] #colorSettingsModal .modal-info-card.bg-light {
    background-color: #0f172a !important; /* Darker Navy for contrast */
    border: 1px solid #334155 !important;
}

/* Preview Bar Container */
[data-theme="dark"] .preview-calendar-bars {
    background-color: #1e293b !important; /* Inner container bg */
    border: 1px solid #334155 !important;
}
/* Footer (Override bg-light) */
[data-theme="dark"] #colorSettingsModal .modal-footer,
[data-theme="dark"] #colorSettingsModal .modal-footer.bg-light {
    background-color: #1e293b !important;
    border-top: 1px solid #334155 !important;
}

/* SETARI */
[data-theme="dark"] .d-flex.align-items-center.mb-5 .bg-white {
    background-color: #1e293b !important; /* Dark Slate */
    box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important;
}

/* ========================================
   FIX CONȚINUT DINAMIC MODAL (ACTIVITATE RECEPȚIE)
   ======================================== */

/* 1. Coloanele de activitate (Stânga/Dreapta) */
/* Suprascriem fundalul alb al coloanelor încărcate dinamic */
[data-theme="dark"] .activity-column,
[data-theme="dark"] .activity-column.check-in,
[data-theme="dark"] .activity-column.check-out {
    background-color: #1e293b !important; /* Dark Slate */
    border-right: 1px solid #334155 !important; /* Linie despărțitoare */
}

/* 2. Barele de Titlu "Sticky" (PLECĂRI / SOSIRI) */
/* Aici era problema principală: au style="background-color:#fff" inline */
[data-theme="dark"] .section-title,
[data-theme="dark"] .section-title.sticky-top {
    background-color: #1e293b !important; /* Trebuie să fie aceeași culoare ca și coloana */
    border-bottom: 2px solid #334155 !important;
    color: #ffffff !important;
    z-index: 10; /* Asigură că stau deasupra */
}

/* 3. Cardurile Oaspeților (Ioana, etc.) */
[data-theme="dark"] .guest-card {
    background-color: #334155 !important; /* Puțin mai deschis decât fundalul (Card Layer) */
    border: 1px solid #475569 !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2) !important;
}

/* Numele oaspetelui */
[data-theme="dark"] .guest-name {
    color: #ffffff !important;
}

/* Detalii secundare (telefon, cameră) */
[data-theme="dark"] .guest-meta {
    color: #cbd5e1 !important;
}

/* Prețul */
[data-theme="dark"] .price-tag {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* 4. Avatarele (Pătrățelele cu inițiale) */
[data-theme="dark"] .avatar-in {
    background-color: rgba(16, 185, 129, 0.2) !important; /* Verde translucid */
    color: #34d399 !important;
}

[data-theme="dark"] .avatar-out {
    background-color: rgba(245, 158, 11, 0.2) !important; /* Galben translucid */
    color: #fbbf24 !important;
}

/* 5. Starea "Nicio plecare/sosire" (Iconița ușă) */
[data-theme="dark"] .empty-state .empty-icon {
    color: #475569 !important; /* Gri închis */
}

[data-theme="dark"] .empty-state h6 {
    color: #ffffff !important;
}

[data-theme="dark"] .empty-state p {
    color: #94a3b8 !important;
}

/* 6. Eticheta albă mică a camerei (ex: "Cam. 2") */
/* Overriding specifically the span with class room-badge */
[data-theme="dark"] #checkModal .room-badge,
[data-theme="dark"] .room-badge {
    background-color: #475569 !important; /* Dark Grey Background */
    color: #ffffff !important; /* White Text */
    border: 1px solid #64748b !important; /* Slightly lighter border */
}

/* 7. Butonul "X" (Close) din Header-ul Modalului */
/* Targeted specifically to override .btn-close.bg-light */
[data-theme="dark"] #checkModal .modal-header .btn-close,
[data-theme="dark"] #checkModal .btn-close.bg-light.rounded-circle {
    background-color: #334155 !important; /* Dark Grey Background */
    filter: invert(1) grayscale(100%) brightness(200%) !important; /* White Icon */
    opacity: 1 !important;
    border: 1px solid #475569 !important;
    box-shadow: none !important;
    color: white !important; /* Ensure text color is white if any */
}

/* ========================================
   FIX FINAL: BUTON CLOSE & BADGE (ACTIVITATE RECEPȚIE)
   ======================================== */

/* 1. Butonul "X" (Close) - Forțare extremă */
/* Folosim ID-ul părintelui pentru a câștiga prioritate asupra clasei bg-light */
[data-theme="dark"] #checkModal .btn-close,
[data-theme="dark"] #checkModal .btn-close.bg-light {
    background-color: #334155 !important; /* Gri închis */
    filter: invert(1) grayscale(100%) brightness(200%) !important; /* Iconița albă */
    opacity: 1 !important;
    border: 1px solid #475569 !important;
    box-shadow: none !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important; /* Asigură X-ul alb */
}

/* 2. Eticheta camerei (Room Badge) - Forțare extremă */
/* Suprascriem stilurile definite în pagină */
[data-theme="dark"] #checkModal .room-badge {
    background-color: #475569 !important; /* Gri mai deschis decât fundalul */
    color: #ffffff !important; /* Text alb pur */
    border: 1px solid #64748b !important;
    font-weight: 700 !important;
}

/* 3. Prețul (Dacă a rămas negru) */
[data-theme="dark"] #checkModal .price-tag {
    color: #34d399 !important; /* Verde neon pentru vizibilitate */
}

/* 4. Asigurare extra pentru Header (dacă a rămas alb) */
[data-theme="dark"] #checkModal .modal-header {
    background-color: #1e293b !important;
}

/* ============================================================
   🔥 FIX FINAL CALENDAR CAMERE
   ============================================================ */

/* 1. CONTAINERUL PRINCIPAL (Background Pagina) */
/* Suprascriem stilul inline style="background-color: #f8fafc;" */
[data-theme="dark"] .px-4.py-4[style*="background-color"],
[data-theme="dark"] .main-content > div[style*="background-color"] {
    background-color: var(--bg-body, #0f172a) !important; /* Navy Închis */
    color: #ffffff !important;
}

/* 2. CARDUL ȘI ZONA DIN SPATELE CALENDARULUI */
[data-theme="dark"] .card,
[data-theme="dark"] .card-body {
    background-color: var(--bg-card, #1e293b) !important; /* Slate */
    color: #ffffff !important;
    border-color: #334155 !important;
    box-shadow: none !important; /* Elimină haloul alb */
}

/* 3. HEADER-UL CALENDARULUI (Zona cu Luna și Butoane) */
[data-theme="dark"] .calendar-header-actions,
[data-theme="dark"] .bg-white {
    background-color: #1e293b !important;
    color: #ffffff !important;
}

/* 4. TEXTE ȘI TITLURI */
[data-theme="dark"] h2.text-dark,
[data-theme="dark"] h4.text-dark,
[data-theme="dark"] .text-dark {
    color: #ffffff !important;
}

[data-theme="dark"] .text-muted {
    color: #94a3b8 !important; /* Gri deschis */
}

/* 5. GRILA CALENDARULUI (TABELUL) */

/* Capul de tabel (Zilele: Lu, Ma, Mi...) */
[data-theme="dark"] .calendar-header,
[data-theme="dark"] .header-room-label,
[data-theme="dark"] .header-days-wrapper {
    background-color: #1e293b !important; /* Dark Slate */
    border-color: #334155 !important; /* Borduri gri închis */
    color: #ffffff !important;
}

/* Ziua Curentă în Header */
[data-theme="dark"] .day-column.today {
    background-color: rgba(56, 189, 248, 0.15) !important; /* Albastru transparent */
}

    [data-theme="dark"] .day-column.today .day-number {
        color: #38bdf8 !important; /* Albastru neon */
    }

/* Celulele Calendarului */
[data-theme="dark"] .day-column {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

    [data-theme="dark"] .day-column .day-number {
        color: #ffffff !important;
    }

    [data-theme="dark"] .day-column .day-name {
        color: #94a3b8 !important;
    }

/* 6. RÂNDURILE CAMERELOR (Partea critică) */

/* Eticheta camerei (Stânga) */
[data-theme="dark"] .room-row-label {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #ffffff !important;
    box-shadow: 4px 0 8px rgba(0,0,0,0.3) !important;
}

/* Linia de timp (Celulele unde apar rezervările) */
/* Aici suprascriem gradientul alb generat de JavaScript */
[data-theme="dark"] .room-row-timeline[style*="background-color"] {
    background-color: #1e293b !important; /* Fundal Slate */
    background-image: repeating-linear-gradient( to right, #334155 0px, /* Linie verticală gri închis */
    #334155 1px, #1e293b 1px, /* Spațiu Slate */
    #1e293b 35px ) !important;
    border-bottom: 1px solid #334155 !important;
}

/* Containerul rândului */
[data-theme="dark"] .room-row-container {
    background-color: #1e293b !important;
    border-bottom-color: #334155 !important;
}

    [data-theme="dark"] .room-row-container:hover {
        background-color: #334155 !important; /* Hover mai deschis */
    }

/* 7. BUTOANE ȘI DROPDOWN-URI */
[data-theme="dark"] .nav-capsule-group,
[data-theme="dark"] .calendar-pill-btn,
[data-theme="dark"] .calendar-icon-btn,
[data-theme="dark"] .custom-dropdown-trigger {
    background-color: #334155 !important; /* Fundalul general: Gri Închis */
    border: 1px solid #475569 !important; /* BORDURA GRI (Aici era albă înainte) */
    border-radius: 50px !important; /* Rotunjire */
    box-shadow: none !important; /* Elimină orice umbră/strălucire albă */
    display: inline-flex !important;
    overflow: hidden; /* Ține butoanele în interior */
}


[data-theme="dark"] .custom-dropdown-options {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
}

[data-theme="dark"] .dropdown-option:hover {
    background-color: #334155 !important;
    color: #ffffff !important;
}

/* 8. MODALE (Popup-uri) */
[data-theme="dark"] .modal-content {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* ============================================================
   FIX FINAL: ZONA DE SCROLL ȘI BARA DE DERULARE
   (Adaugă la finalul CSS-ului)
   ============================================================ */

/* 1. ZONA CU TEXTUL "Scroll orizontal..." (Eliminare Gradient) */
[data-theme="dark"] .scroll-indicator {
    background: #1e293b !important; /* 'background' suprascrie și culoarea și gradientul */
    background-image: none !important; /* Asigurare dublă că gradientul dispare */
    color: #94a3b8 !important; /* Text gri deschis */
    border-top: 1px solid #334155 !important;
}

    /* Iconița cu săgeți stânga-dreapta */
    [data-theme="dark"] .scroll-indicator i {
        color: #cbd5e1 !important;
    }

/* 2. STILIZARE BARA DE DERULARE (SCROLLBAR-UL PROPRIU-ZIS) */
/* O facem să arate modern și dark, integrată în pagină */

[data-theme="dark"] .calendar-scroll-wrapper::-webkit-scrollbar {
    height: 12px; /* Înălțimea barei orizontale */
    background-color: #0f172a; /* Culoarea canalului (Navy) */
}

[data-theme="dark"] .calendar-scroll-wrapper::-webkit-scrollbar-track {
    background-color: #0f172a; /* Fundalul șinei */
    border-radius: 0 0 8px 8px;
}

[data-theme="dark"] .calendar-scroll-wrapper::-webkit-scrollbar-thumb {
    background-color: #334155; /* Culoarea butonului de scroll (Slate) */
    border-radius: 10px; /* Rotunjit */
    border: 3px solid #0f172a; /* Bordură pentru a crea efect de "plutire" */
}

    [data-theme="dark"] .calendar-scroll-wrapper::-webkit-scrollbar-thumb:hover {
        background-color: #475569; /* Puțin mai deschis la hover */
    }
[data-theme="dark"] .calendar-grid-container {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: none !important;
}


/* ============================================================
   FIX: MODAL DETALII REZERVARE (BOARDING PASS) DARK MODE
   (Adaugă la finalul CSS-ului)
   ============================================================ */

/* 1. Fundalul cardurilor de informații (Timeline, Camera, Total) */
/* Le facem Navy Închis (#0f172a) pentru a contrasta cu fundalul modalului (#1e293b) */
[data-theme="dark"] .reservation-meta-card {
    background-color: #0f172a !important;
    border: 1px solid #334155 !important; /* Bordură Slate */
    box-shadow: none !important;
    color: #ffffff !important;
}

/* 2. Punctele de pe Timeline (Casetele cu Data Check-in / Check-out) */
[data-theme="dark"] .timeline-point {
    background-color: #1e293b !important; /* Slate */
    border: 1px solid #334155 !important;
    color: #ffffff !important;
    z-index: 2; /* Să stea peste linie */
}

/* 3. Linia orizontală din Timeline */
[data-theme="dark"] .timeline-line {
    background-color: #475569 !important; /* Gri închis vizibil */
}

/* 4. Texte și Etichete */
[data-theme="dark"] .info-label,
[data-theme="dark"] .month-display {
    color: #94a3b8 !important; /* Gri deschis */
    font-weight: 700 !important;
}

[data-theme="dark"] .info-value,
[data-theme="dark"] .date-display {
    color: #ffffff !important;
}

[data-theme="dark"] .small.text-muted {
    color: #cbd5e1 !important;
}

/* 5. Prețul Total */
[data-theme="dark"] .price-total {
    color: #4ade80 !important; /* Verde Neon */
}

/* 6. Badge-ul de durată (ex: 3 nopți) */
[data-theme="dark"] .stay-duration-badge {
    background-color: rgba(59, 130, 246, 0.15) !important; /* Albastru transparent */
    color: #60a5fa !important; /* Albastru neon */
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
}

/* 7. Butoane de acțiune (Editează / Șterge) */
[data-theme="dark"] #reservation-modal-content .btn-outline-primary {
    color: #60a5fa !important;
    border-color: #334155 !important;
}

    [data-theme="dark"] #reservation-modal-content .btn-outline-primary:hover {
        background-color: #2563eb !important;
        color: #ffffff !important;
    }

[data-theme="dark"] #reservation-modal-content .btn-outline-danger {
    color: #f87171 !important;
    border-color: #334155 !important;
}

    [data-theme="dark"] #reservation-modal-content .btn-outline-danger:hover {
        background-color: #dc2626 !important;
        color: #ffffff !important;
    }

/* 8. Butonul "Închide" de jos */
[data-theme="dark"] #reservation-modal-content .btn-light {
    background-color: #334155 !important; /* Slate */
    color: #cbd5e1 !important; /* Text gri */
    border: 1px solid #475569 !important;
}

    [data-theme="dark"] #reservation-modal-content .btn-light:hover {
        background-color: #475569 !important;
        color: #ffffff !important;
    }

/* ============================================================
   FIX DARK MODE: PAGINA EDITARE REZERVARE
   ============================================================ */

/* 1. INPUT-URI CU FUNDAL LIGHT (Check-in/Out, Note) */
/* Suprascriem clasele .bg-light și .form-control */
[data-theme="dark"] input.bg-light,
[data-theme="dark"] textarea.bg-light,
[data-theme="dark"] .input-group-text.bg-light {
    background-color: #0f172a !important; /* Dark Navy (mai închis ca fundalul cardului) */
    border-color: #334155 !important;
    color: #ffffff !important;
}

    /* Iconițele din input-uri */
    [data-theme="dark"] .input-group-text.bg-light i {
        color: #94a3b8 !important; /* Gri deschis */
    }

/* 2. CARDURILE DE SELECTIE CAMERE (GRID & SCROLL) */

/* Containerul de scroll (era gri deschis) */
[data-theme="dark"] .room-scroll-container {
    background-color: #0f172a !important; /* Dark Navy background */
    border: 1px solid #334155;
    border-radius: 8px;
}

/* Scrollbar personalizat dark */
[data-theme="dark"] .custom-scrollbar::-webkit-scrollbar-track {
    background: #0f172a;
}

[data-theme="dark"] .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #334155;
}

/* Cardul individual de cameră */
[data-theme="dark"] .room-select-card {
    background-color: #1e293b !important; /* Slate */
    border-color: transparent !important; /* Ascundem bordura default */
    color: #ffffff !important;
}

    /* Titlul camerei */
    [data-theme="dark"] .room-select-card h5 {
        color: #ffffff !important;
    }

    /* Prețul camerei */
    [data-theme="dark"] .room-select-card .text-success small {
        color: #94a3b8 !important; /* Text "RON/noapte" gri */
    }

    /* Footer-ul cardului (Total sejur) */
    [data-theme="dark"] .room-select-card .card-footer {
        background-color: #1e293b !important;
        border-top: 1px solid #334155 !important;
    }

    [data-theme="dark"] .room-select-card .room-total-price {
        color: #ffffff !important;
    }

/* STAREA SELECTATĂ (CHECKED) */
/* Când bifezi o cameră */
[data-theme="dark"] .room-checkbox:checked + .room-select-card {
    background-color: rgba(13, 110, 253, 0.15) !important; /* Albastru transparent */
    border: 2px solid #60a5fa !important; /* Bordură Albastru Neon */
}

/* 3. METODE DE PLATĂ (Card vs Cash) */
[data-theme="dark"] .payment-option-label {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #ffffff !important;
}
    /* Textul "text-dark" din interior */
    [data-theme="dark"] .payment-option-label.text-dark {
        color: #ffffff !important;
    }

/* Starea Selectată Plată */
[data-theme="dark"] .btn-check:checked + .payment-option-label {
    background-color: rgba(13, 110, 253, 0.15) !important;
    border-color: #60a5fa !important;
    color: #60a5fa !important;
}

    [data-theme="dark"] .btn-check:checked + .payment-option-label span {
        color: #60a5fa !important;
    }

/* 4. SIDEBAR - REZUMAT ACTUALIZAT (Cardul Galben) */

    /* Iconița din fundal (opacitate) */
    [data-theme="dark"] .card.bg-warning .opacity-10 {
        opacity: 0.1 !important;
        color: #facc15 !important; /* Iconiță aurie */
    }

    /* Titlu și linii separatoare */
    [data-theme="dark"] .card.bg-warning h5 {
        border-bottom-color: #475569 !important; /* Linie gri, nu neagră */
    }

    /* Box-ul interior albicios (Camere selectate/Preț) */
    [data-theme="dark"] .card.bg-warning .bg-white.bg-opacity-25 {
        background-color: rgba(0, 0, 0, 0.3) !important; /* Fundal negru translucid */
    }

    /* Total Nou */
    [data-theme="dark"] .card.bg-warning .border-dark {
        border-color: #475569 !important;
    }

/* 5. TITLURI ȘI HEADER PAGINĂ */
[data-theme="dark"] h2.text-dark {
    color: #ffffff !important;
}

[data-theme="dark"] .btn-light.rounded-circle {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
}

    [data-theme="dark"] .btn-light.rounded-circle i {
        color: #ffffff !important;
    }

/* ============================================================
   FIX ALERTĂ INFO (PERIOADA ORIGINALĂ)
   ============================================================ */

/* 1. Containerul Alertei (Background Albastru Închis Translucid) */
[data-theme="dark"] .alert-modern-info {
    /* Folosim un albastru închis transparent pentru a se potrivi cu tema */
    background-color: rgba(59, 130, 246, 0.15) !important;
    border-left-color: #3b82f6 !important; /* Linia de accent din stânga */
    color: #dbeafe !important; /* Text albastru foarte deschis (lizibil) */
    box-shadow: none !important;
    border: 1px solid rgba(59, 130, 246, 0.2); /* Bordură fină */
}

    /* 2. Cercul din jurul iconiței (Ceasul/Istoricul) */
    [data-theme="dark"] .alert-modern-info .alert-icon-wrapper {
        background-color: rgba(59, 130, 246, 0.25) !important; /* Puțin mai opac decât fundalul */
        color: #60a5fa !important; /* Iconiță Albastru Neon */
    }

    /* 3. Textul îngroșat (strong) - ex: "Perioadă originală:" */
    [data-theme="dark"] .alert-modern-info strong {
        color: #ffffff !important; /* Alb pur pentru contrast maxim */
    }

    /* 4. Textul mic (small) */
    [data-theme="dark"] .alert-modern-info .small {
        color: #bfdbfe !important; /* Albastru pal */
    }

/* ============================================================
   FIX DARK MODE: PAGINA SETĂRI CONT
   ============================================================ */

/* 1. TITLURI ȘI ICONIȚA DE SUS */
[data-theme="dark"] .text-dark {
    color: #ffffff !important;
}

/* Cercul alb din jurul iconiței de setări (header) */
[data-theme="dark"] .rounded-circle.bg-white {
    background-color: #1e293b !important; /* Slate */
    box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important;
}

/* 2. CARDURILE PRINCIPALE */
[data-theme="dark"] .card,
[data-theme="dark"] .card-header.bg-white {
    background-color: #1e293b !important; /* Slate Background */
    border-color: #334155 !important; /* Bordură gri închis */
    color: #ffffff !important;
}

/* 3. INPUT-URILE MODERNE (Formulare) */
[data-theme="dark"] .form-control-modern {
    background-color: #0f172a !important; /* Dark Navy (mai închis ca fundalul) */
    border: 1px solid #334155 !important;
    color: #ffffff !important;
}

    /* Focus pe input-uri */
    [data-theme="dark"] .form-control-modern:focus {
        border-color: #60a5fa !important; /* Albastru Neon */
        box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.15) !important;
        background-color: #0f172a !important;
    }

    /* Textul placeholder (când nu e scris nimic) */
    [data-theme="dark"] .form-control-modern::placeholder {
        color: #64748b !important;
    }

/* 4. ICONIȚELE DIN CARDURI (Wrappers) - Efect Neon */

/* Profil (Albastru) */
[data-theme="dark"] .bg-primary-subtle {
    background-color: rgba(59, 130, 246, 0.15) !important;
    color: #60a5fa !important;
}

/* Email (Cyan/Info) */
[data-theme="dark"] .bg-info-subtle {
    background-color: rgba(6, 182, 212, 0.15) !important;
    color: #22d3ee !important;
}

/* Parola (Galben/Warning) */
[data-theme="dark"] .bg-warning-subtle {
    background-color: rgba(234, 179, 8, 0.15) !important;
    color: #fcd34d !important;
}

/* Stergere (Roșu/Danger) - Iconița din Modal */
[data-theme="dark"] .bg-danger-subtle {
    background-color: rgba(239, 68, 68, 0.15) !important;
    color: #f87171 !important;
}

/* 5. SECȚIUNEA ȘTERGERE CONT (Cardul de jos) */
/* Textul roșu */
[data-theme="dark"] .text-danger {
    color: #f87171 !important; /* Roșu neon deschis */
}

/* Bordura roșie din stânga */
[data-theme="dark"] .border-danger {
    border-color: #ef4444 !important;
}

/* 6. MODALUL DE CONFIRMARE ȘTERGERE */
[data-theme="dark"] .modal-content {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.7) !important;
}

/* Titlul din modal */
[data-theme="dark"] .modal-title {
    color: #ffffff !important;
}

/* 7. ELEMENTE DE LISTĂ / DETALII (Email, Telefon etc.) */
/* Linia separatoare */
[data-theme="dark"] .border-top {
    border-top-color: #334155 !important;
}

/* Iconițele mici gri (plic, telefon, map) */
[data-theme="dark"] .fa-envelope.text-muted,
[data-theme="dark"] .fa-phone.text-muted,
[data-theme="dark"] .fa-map-marker-alt.text-muted,
[data-theme="dark"] .fa-calendar-check.text-muted {
    color: #94a3b8 !important; /* Gri deschis vizibil */
}

/* Valorile (adresa de email, numarul etc.) */
[data-theme="dark"] .fw-medium.text-dark {
    color: #ffffff !important;
}

/* ============================================================
   FIX: INPUT AUTOFILL DARK MODE (CHROME/EDGE)
   Rezolvă problema fundalului deschis la autocompletare
   ============================================================ */

/* Targetăm starea de autofill pe dark mode */
[data-theme="dark"] input:-webkit-autofill,
[data-theme="dark"] input:-webkit-autofill:hover,
[data-theme="dark"] input:-webkit-autofill:focus,
[data-theme="dark"] input:-webkit-autofill:active {
    /* 1. "Vopsim" fundalul folosind o umbră interioară puternică */
    -webkit-box-shadow: 0 0 0 30px #0f172a inset !important;
    /* 2. Schimbăm culoarea textului */
    -webkit-text-fill-color: #ffffff !important;
    /* 3. Asigurăm că tranziția nu readuce culoarea albă */
    transition: background-color 5000s ease-in-out 0s;
    /* 4. Culoarea cursorului */
    caret-color: #ffffff;
}

/* Asigurare suplimentară pentru input-urile moderne */
[data-theme="dark"] .form-control-modern:-webkit-autofill {
    border: 1px solid #334155 !important;
}

/* ============================================================
   FIX DARK MODE: PAGINA ANALIZA OASPEȚILOR
   ============================================================ */

/* 1. FUNDAL PAGINĂ ȘI CONTAINERE PRINCIPALE */
[data-theme="dark"] .py-2[style*="background-color"] {
    background-color: #0f172a !important; /* Navy Închis */
}

/* 2. CARDURILE DE SUS (Total, VIP, Recurenți, Noi) */
/* Acestea au deja clase de culoare (card-blue, card-yellow etc.), 
   trebuie doar ajustat textul în cele deschise la culoare */


/* 3. CARDURILE SECUNDARE (Cheltuieli, Timp, Durată) */
[data-theme="dark"] .card.border-0.shadow-sm {
    background-color: #1e293b !important; /* Slate */
    color: #ffffff !important;
}

    /* Iconițele cu fundal transparent */
    [data-theme="dark"] .rounded-3.bg-opacity-10 {
        background-color: rgba(255, 255, 255, 0.05) !important;
    }
    
    /* Titlurile din cardurile mici */
    [data-theme="dark"] .text-dark,
    [data-theme="dark"] h4.text-dark, 
    [data-theme="dark"] h5.text-dark,
    [data-theme="dark"] h6.text-dark {
        color: #ffffff !important;
    }

/* 4. SECȚIUNEA HEATMAP (Rezervări) */
[data-theme="dark"] .heatmap-wrapper {
    background-color: #1e293b !important; /* Slate */
    border: 1px solid #334155 !important;
}

    /* Header-ul cardului Heatmap */
    [data-theme="dark"] .card-header.bg-white {
        background-color: #1e293b !important;
        border-bottom: 1px solid #334155 !important;
    }

    /* Celulele goale din Heatmap */
    [data-theme="dark"] .heatmap-cell[style*="background-color: #f1f5f9"],
    [data-theme="dark"] .heatmap-cell[style*="background-color: rgb(241, 245, 249)"] {
        background-color: #334155 !important; /* Gri închis în loc de gri deschis */
        border: 1px solid #475569;
    }

    /* Etichetele din Heatmap (Zile/Ore) */
    [data-theme="dark"] .heatmap-day-label,
    [data-theme="dark"] .heatmap-header-label,
    [data-theme="dark"] .heatmap-legend-container .text-muted {
        color: #94a3b8 !important;
    }

    [data-theme="dark"] .heatmap-legend-container {
        border-top-color: #334155 !important;
    }

/* 5. SECȚIUNEA RECOMANDĂRI AI */
/* Cardurile individuale de recomandări */
[data-theme="dark"] .p-3.rounded-3.bg-light {
    background-color: #0f172a !important; /* Dark Navy */
    border: 1px solid #334155 !important;
}

    /* Box-ul alb din interiorul recomandării ("Acțiune") */
    [data-theme="dark"] .small.fw-bold.text-dark.bg-white {
        background-color: #1e293b !important; /* Slate */
        color: #ffffff !important;
        border-color: #334155 !important;
    }

/* 6. TABELUL "TOP 5 CLIENȚI VALOROȘI" */
[data-theme="dark"] .table {
    color: #cbd5e1 !important;
    border-color: #334155;
}

    /* Header Tabel */
    [data-theme="dark"] .table thead.bg-light {
        background-color: #0f172a !important;
    }
    
    [data-theme="dark"] .table thead th {
        color: #94a3b8 !important;
        background-color: #0f172a !important;
        border-bottom: 1px solid #334155;
    }

    /* Rânduri Tabel */
    [data-theme="dark"] .table tbody td {
        background-color: #1e293b !important;
        border-bottom: 1px solid #334155 !important;
        color: #ffffff !important;
    }

    [data-theme="dark"] .table tbody tr:hover td {
        background-color: #334155 !important;
    }

    /* Badge-ul numărului de rezervări */
    [data-theme="dark"] .badge.bg-light.text-dark {
        background-color: #334155 !important;
        color: #ffffff !important;
        border-color: #475569 !important;
    }

/* 7. MODALE (LISTE CLIENȚI & FILTRE) */
[data-theme="dark"] .modal-content {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7);
}

    /* Header Modal */
    [data-theme="dark"] .modal-header .modal-title {
        color: #ffffff;
    }
    /* Excepție: Modalul Galben (VIP) are text negru pe fundal galben, e ok */
    
    /* Body Modal - Tabele */
    [data-theme="dark"] .guest-row {
        border-bottom-color: #334155 !important;
    }
    
    [data-theme="dark"] .guest-row:hover {
        background-color: #334155 !important;
    }

    [data-theme="dark"] .guest-avatar {
        background-color: #334155 !important;
        color: #ffffff !important;
    }

    /* Input-urile din Modalul de Filtrare */
    [data-theme="dark"] input.bg-light {
        background-color: #0f172a !important;
        color: #ffffff !important;
        border: 1px solid #334155 !important;
    }

    /* Footer Modal */
    [data-theme="dark"] .modal-footer.bg-light {
        background-color: #1e293b !important;
        border-top: 1px solid #334155 !important;
    }

    [data-theme="dark"] .btn-white {
        background-color: #334155 !important;
        color: #ffffff !important;
        border: 1px solid #475569 !important;
    }

/* ============================================================
   GLOBAL DARK SCROLLBAR (Chrome, Edge, Safari, Firefox)
   ============================================================ */

/* 1. PENTRU FIREFOX */
[data-theme="dark"] {
    /* thumb color (buton) | track color (fundal) */
    scrollbar-color: #334155 #0f172a;
    scrollbar-width: thin;
}

    /* 2. PENTRU CHROME, EDGE, SAFARI (Webkit) */

    /* Stilizăm scrollbar-ul DOAR când tema este dark */
    [data-theme="dark"] ::-webkit-scrollbar {
        width: 12px; /* Lățimea barei verticale */
        height: 12px; /* Înălțimea barei orizontale */
    }

    /* Fundalul barei (Track) - Folosim culoarea ta de body (--bg-body) */
    [data-theme="dark"] ::-webkit-scrollbar-track {
        background: #0f172a;
    }

    /* Butonul barei (Thumb) - Folosim culoarea hover de card (--bg-card-hover) */
    [data-theme="dark"] ::-webkit-scrollbar-thumb {
        background-color: #334155;
        border-radius: 10px; /* Rotunjit */
        border: 3px solid #0f172a; /* Bordură falsă pentru a crea spațiu în jurul butonului */
    }

        /* Hover pe butonul barei */
        [data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
            background-color: #475569; /* Un gri puțin mai deschis la hover */
        }

    /* Colțul (unde se întâlnesc scrollbar-ul vertical cu cel orizontal) */
    [data-theme="dark"] ::-webkit-scrollbar-corner {
        background: #0f172a;
    }

/* --- FIX SPECIFIC PENTRU CARDUL GALBEN ÎN DARK MODE --- */

/* 1. Forțăm culoarea neagră pe cardul galben, suprascriind regula globală de alb */
    [data-theme="dark"] .dashboard-card.bg-warning,
    [data-theme="dark"] .dashboard-card.bg-warning .text-dark,
    [data-theme="dark"] .dashboard-card.bg-warning h3,
    [data-theme="dark"] .dashboard-card.bg-warning p,
    [data-theme="dark"] .dashboard-card.bg-warning i,
    [data-theme="dark"] .card-yellow,
    [data-theme="dark"] .card-yellow .h2,
    [data-theme="dark"] .card-yellow .small,
    [data-theme="dark"] .card-yellow .dashboard-icon i,
    [data-theme="dark"] .card-yellow .text-dark,
    [data-theme="dark"] .header-yellow .modal-title {
        color: #212529 !important; /* Negru standard */
    }

    /* 2. Reparăm link-ul de jos ("Vezi raport venituri") care este setat ca alb transparent */
    [data-theme="dark"] .dashboard-card.bg-warning a.text-white-50 {
        color: rgba(33, 37, 41, 0.65) !important; /* Negru cu transparență */
    }

        /* 3. Dacă iconița săgeată de la link trebuie și ea să fie neagră */
        [data-theme="dark"] .dashboard-card.bg-warning a.text-white-50:hover {
            color: #000000 !important; /* Negru complet la hover */
        }
[data-theme="dark"] .badge.bg-warning {
    color: #212529 !important; /* Negru */
}