/* ============================================================================
   GARTH HMS - TEMA OSCURO
   Implementación completa del tema oscuro
   ============================================================================ */

/* ========================================
   VARIABLES DEL TEMA OSCURO
   ======================================== */
[data-theme="dark"] {
    /* Backgrounds */
    --bg-body: #1A1D23;
    --bg-surface: #22262E;
    --bg-surface-alt: #2A2F3A;
    /* Textos */
    --text-primary: #E9ECEF;
    --text-secondary: #ADB5BD;
    --text-muted: #6C757D;
    /* Bordes */
    --border-color: #3A3F4A;
    /* Sombras - Ajustadas para dark mode */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.4);
    --shadow-lg: 0 10px 25px rgba(0,0,0,0.5);
    --shadow-xl: 0 20px 40px rgba(0,0,0,0.6);
}
/* Logo según tema */
.garth-logo-dark {
    display: none;
}

.garth-logo-light {
    display: block;
}

[data-theme="dark"] .garth-logo-light {
    display: none;
}

[data-theme="dark"] .garth-logo-dark {
    display: block;
}
    /* ========================================
   LAYOUT - DARK MODE
   ======================================== */

    /* Header */
    [data-theme="dark"] .main-header {
        background-color: var(--bg-surface);
        border-bottom-color: var(--border-color);
    }

    /* Sidebar */
    [data-theme="dark"] .sidebar {
        background-color: var(--bg-surface);
        border-right-color: var(--border-color);
    }

    [data-theme="dark"] .nav-item {
        color: var(--text-primary);
    }

        [data-theme="dark"] .nav-item:hover {
            background-color: rgb(0 0 0 / 20%);
        }

        [data-theme="dark"] .nav-item.active {
            background-color: rgba(43, 164, 154, 0.2);
        }

    /* Main Content */
    [data-theme="dark"] .main-content {
        background-color: var(--bg-body);
    }

    /* ========================================
   COMPONENTS - DARK MODE
   ======================================== */

    /* Cards */
    [data-theme="dark"] .card {
        background-color: var(--bg-surface);
        border-color: var(--border-color);
    }

    [data-theme="dark"] .stat-card {
        background-color: var(--bg-surface);
        border-color: var(--border-color);
    }

    /* Dropdown Menu */
    [data-theme="dark"] .dropdown-menu {
        background-color: var(--bg-surface);
        border-color: var(--border-color);
        box-shadow: var(--shadow-lg);
    }

    [data-theme="dark"] .dropdown-item {
        color: var(--text-primary);
    }

        [data-theme="dark"] .dropdown-item:hover {
            background-color: rgba(43, 164, 154, 0.15);
        }

    [data-theme="dark"] .dropdown-divider {
        background-color: var(--border-color);
    }

    /* ========================================
   FORMULARIOS - DARK MODE
   ======================================== */
    [data-theme="dark"] .form-control {
        background-color: var(--bg-body);
        color: var(--text-primary);
        border-color: var(--border-color);
    }

        [data-theme="dark"] .form-control:focus {
            background-color: var(--bg-body);
            color: var(--text-primary);
            border-color: var(--primary);
        }

        [data-theme="dark"] .form-control:disabled {
            background-color: var(--bg-surface-alt);
            color: var(--text-muted);
        }

    [data-theme="dark"] .form-check-label {
        color: var(--text-primary);
    }

    /* ========================================
   LOGIN PAGE - DARK MODE
   ======================================== */
    [data-theme="dark"] .login-container {
        background: linear-gradient(135deg, #1a3a3a 0%, #2a3563 100%);
    }

    [data-theme="dark"] .login-box {
        background-color: var(--bg-surface);
    }

    [data-theme="dark"] .login-header h1 {
        color: var(--primary);
    }

    [data-theme="dark"] .login-header p {
        color: var(--text-secondary);
    }

    [data-theme="dark"] .login-footer {
        border-top-color: var(--border-color);
    }

    /* ========================================
   BOOTSTRAP TABLE - DARK MODE
   ======================================== */
    [data-theme="dark"] .bootstrap-table .fixed-table-toolbar {
        background-color: var(--bg-surface);
        border-bottom-color: var(--border-color);
    }

        [data-theme="dark"] .bootstrap-table .fixed-table-toolbar .search input {
            background-color: var(--bg-body);
            color: var(--text-primary);
            border-color: var(--border-color);
        }

        [data-theme="dark"] .bootstrap-table .fixed-table-toolbar button {
            background-color: var(--bg-surface);
            color: var(--text-primary);
            border-color: var(--border-color);
        }

            [data-theme="dark"] .bootstrap-table .fixed-table-toolbar button:hover {
                background-color: var(--primary);
                border-color: var(--primary);
                color: #fff;
            }

    [data-theme="dark"] .bootstrap-table .table {
        background-color: var(--bg-surface);
        color: var(--text-primary);
    }

        [data-theme="dark"] .bootstrap-table .table thead th {
            background-color: #162E2B;
            color: #A8D5D1;
            border-bottom-color: #2BA49A;
        }

        [data-theme="dark"] .bootstrap-table .table tbody tr:hover {
            background-color: rgba(43, 164, 154, 0.1);
        }

            [data-theme="dark"] .bootstrap-table .table tbody tr:hover td,
            [data-theme="dark"] .bootstrap-table .table tbody tr:hover td * {
                color: #E9ECEF !important;
            }

        [data-theme="dark"] .bootstrap-table .table tbody td {
            border-top-color: var(--border-color);
            color: var(--text-primary);
        }

    [data-theme="dark"] .bootstrap-table .fixed-table-pagination {
        background-color: var(--bg-surface);
        border-top-color: var(--border-color);
    }

    [data-theme="dark"] .bootstrap-table .page-link {
        background-color: var(--bg-surface);
        color: var(--text-primary);
        border-color: var(--border-color);
    }

        [data-theme="dark"] .bootstrap-table .page-link:hover {
            background-color: var(--primary);
            border-color: var(--primary);
            color: #fff;
        }

    [data-theme="dark"] .bootstrap-table .page-item.active .page-link {
        background-color: var(--primary);
        border-color: var(--primary);
        color: #fff;
    }

    [data-theme="dark"] .bootstrap-table .dropdown-menu {
        background-color: var(--bg-surface);
        border-color: var(--border-color);
    }

    [data-theme="dark"] .bootstrap-table .dropdown-item {
        color: var(--text-primary);
    }

        [data-theme="dark"] .bootstrap-table .dropdown-item:hover {
            background-color: rgba(43, 164, 154, 0.2);
        }

    [data-theme="dark"] .bootstrap-table .no-records-found {
        color: var(--text-secondary);
    }

    /* ========================================
   SWEETALERT2 - DARK MODE
   ======================================== */
    [data-theme="dark"] .swal2-popup {
        background-color: var(--bg-surface);
        color: var(--text-primary);
    }

    [data-theme="dark"] .swal2-title {
        color: var(--text-primary);
    }

    [data-theme="dark"] .swal2-content {
        color: var(--text-secondary);
    }

    [data-theme="dark"] .swal2-input,
    [data-theme="dark"] .swal2-textarea {
        background-color: var(--bg-body);
        color: var(--text-primary);
        border-color: var(--border-color);
    }

        [data-theme="dark"] .swal2-input:focus,
        [data-theme="dark"] .swal2-textarea:focus {
            border-color: var(--primary);
        }

    [data-theme="dark"] .swal2-validation-message {
        background-color: var(--bg-surface-alt);
        color: var(--text-primary);
    }

    /* ========================================
   ALERTS - DARK MODE (Colores Suaves)
   ======================================== */
    [data-theme="dark"] .alert-success {
        background-color: rgba(56, 161, 105, 0.25);
        border-color: var(--success);
        color: #68D391;
    }

    [data-theme="dark"] .alert-warning {
        background-color: rgba(214, 158, 46, 0.25);
        border-color: var(--warning);
        color: #ECC94B;
    }

    [data-theme="dark"] .alert-danger {
        background-color: rgba(229, 62, 62, 0.25);
        border-color: var(--danger);
        color: #FC8181;
    }

    [data-theme="dark"] .alert-info {
        background-color: rgba(66, 153, 225, 0.25);
        border-color: var(--info);
        color: #63B3ED;
    }

    /* ========================================
   THEME TOGGLE BUTTON
   ======================================== */
    [data-theme="dark"] .btn-icon#themeToggle {
        color: var(--text-secondary);
    }

        [data-theme="dark"] .btn-icon#themeToggle:hover {
            color: var(--primary);
        }

    /* ========================================
   SCROLLBAR - DARK MODE
   ======================================== */
    [data-theme="dark"] ::-webkit-scrollbar-track {
        background: var(--bg-surface);
    }

    [data-theme="dark"] ::-webkit-scrollbar-thumb {
        background: var(--text-muted);
    }

        [data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
            background: var(--text-secondary);
        }

    /* ========================================
   BADGES - DARK MODE (pastel, consistente con room cards)
   ======================================== */

    /* bg-success */
    [data-theme="dark"] .badge.bg-success,
    [data-theme="dark"] .badge.text-bg-success {
        background-color: #1E3A2B !important;
        color: #9AE6B4 !important;
        border: 1px solid #2F855A;
    }
    /* bg-danger */
    [data-theme="dark"] .badge.bg-danger,
    [data-theme="dark"] .badge.text-bg-danger {
        background-color: #3A1F1F !important;
        color: #FEB2B2 !important;
        border: 1px solid #C53030;
    }
    /* bg-warning */
    [data-theme="dark"] .badge.bg-warning,
    [data-theme="dark"] .badge.text-bg-warning {
        background-color: #3B2F1A !important;
        color: #FAF089 !important;
        border: 1px solid #B7791F;
    }
    /* bg-primary */
    [data-theme="dark"] .badge.bg-primary,
    [data-theme="dark"] .badge.text-bg-primary {
        background-color: #0D2D38 !important;
        color: #81E6D9 !important;
        border: 1px solid #2BA49A;
    }
    /* bg-info */
    [data-theme="dark"] .badge.bg-info,
    [data-theme="dark"] .badge.text-bg-info {
        background-color: #172843 !important;
        color: #90CDF4 !important;
        border: 1px solid #3182CE;
    }
    /* bg-secondary */
    [data-theme="dark"] .badge.bg-secondary,
    [data-theme="dark"] .badge.text-bg-secondary {
        background-color: #252D3A !important;
        color: #CBD5E0 !important;
        border: 1px solid #4A5568;
    }
    /* bg-dark */
    [data-theme="dark"] .badge.bg-dark,
    [data-theme="dark"] .badge.text-bg-dark {
        background-color: #1A202C !important;
        color: #E2E8F0 !important;
        border: 1px solid #4A5568;
    }
    /* bg-light */
    [data-theme="dark"] .badge.bg-light,
    [data-theme="dark"] .badge.text-bg-light {
        background-color: #2A2F3A !important;
        color: #E9ECEF !important;
        border: 1px solid #3A3F4A;
    }

    /* ========================================
   BUTTONS - DARK MODE
   ======================================== */

    /* btn-primary */
    [data-theme="dark"] .btn-primary {
        background-color: #0D2D38 !important;
        border-color: #2BA49A !important;
        color: #81E6D9 !important;
    }

        [data-theme="dark"] .btn-primary:hover,
        [data-theme="dark"] .btn-primary:focus {
            background-color: #2BA49A !important;
            border-color: #2BA49A !important;
            color: #fff !important;
            transform: none;
        }

    /* btn-success */
    [data-theme="dark"] .btn-success {
        background-color: #1E3A2B !important;
        border-color: #2F855A !important;
        color: #9AE6B4 !important;
    }

        [data-theme="dark"] .btn-success:hover,
        [data-theme="dark"] .btn-success:focus {
            background-color: #2F855A !important;
            border-color: #2F855A !important;
            color: #fff !important;
        }

    /* btn-danger */
    [data-theme="dark"] .btn-danger {
        background-color: #3A1F1F !important;
        border-color: #C53030 !important;
        color: #FEB2B2 !important;
    }

        [data-theme="dark"] .btn-danger:hover,
        [data-theme="dark"] .btn-danger:focus {
            background-color: #C53030 !important;
            border-color: #C53030 !important;
            color: #fff !important;
        }

    /* btn-warning */
    [data-theme="dark"] .btn-warning {
        background-color: #3B2F1A !important;
        border-color: #B7791F !important;
        color: #FAF089 !important;
    }

        [data-theme="dark"] .btn-warning:hover,
        [data-theme="dark"] .btn-warning:focus {
            background-color: #B7791F !important;
            border-color: #B7791F !important;
            color: #fff !important;
        }

    /* btn-info */
    [data-theme="dark"] .btn-info {
        background-color: #172843 !important;
        border-color: #3182CE !important;
        color: #90CDF4 !important;
    }

        [data-theme="dark"] .btn-info:hover,
        [data-theme="dark"] .btn-info:focus {
            background-color: #3182CE !important;
            border-color: #3182CE !important;
            color: #fff !important;
        }

    /* btn-secondary */
    [data-theme="dark"] .btn-secondary {
        background-color: #252D3A !important;
        border-color: #4A5568 !important;
        color: #CBD5E0 !important;
    }

        [data-theme="dark"] .btn-secondary:hover,
        [data-theme="dark"] .btn-secondary:focus {
            background-color: #4A5568 !important;
            border-color: #4A5568 !important;
            color: #fff !important;
        }

    /* btn-outline-primary */
    [data-theme="dark"] .btn-outline-primary {
        border-color: #2BA49A !important;
        color: #81E6D9 !important;
        background-color: transparent !important;
    }

        [data-theme="dark"] .btn-outline-primary:hover {
            background-color: #2BA49A !important;
            color: #fff !important;
        }

    /* btn-outline-secondary */
    [data-theme="dark"] .btn-outline-secondary {
        border-color: #4A5568 !important;
        color: #CBD5E0 !important;
        background-color: transparent !important;
    }

        [data-theme="dark"] .btn-outline-secondary:hover {
            background-color: #4A5568 !important;
            color: #fff !important;
        }

    /* btn-outline-danger */
    [data-theme="dark"] .btn-outline-danger {
        border-color: #C53030 !important;
        color: #FEB2B2 !important;
        background-color: transparent !important;
    }

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

    /* btn-outline-warning */
    [data-theme="dark"] .btn-outline-warning {
        border-color: #B7791F !important;
        color: #FAF089 !important;
        background-color: transparent !important;
    }

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

    /* Botones de tabla (ahora sin !important en 4-components, estos ganan) */
    [data-theme="dark"] .btn-group .btn-sm.btn-info {
        background-color: #172843 !important;
        border-color: #3182CE !important;
        color: #90CDF4 !important;
    }

        [data-theme="dark"] .btn-group .btn-sm.btn-info:hover {
            background-color: #3182CE !important;
            color: #fff !important;
        }

    [data-theme="dark"] .btn-group .btn-sm.btn-warning {
        background-color: #3B2F1A !important;
        border-color: #B7791F !important;
        color: #FAF089 !important;
    }

        [data-theme="dark"] .btn-group .btn-sm.btn-warning:hover {
            background-color: #B7791F !important;
            color: #fff !important;
        }

    [data-theme="dark"] .btn-group .btn-sm.btn-danger {
        background-color: #3A1F1F !important;
        border-color: #C53030 !important;
        color: #FEB2B2 !important;
    }

        [data-theme="dark"] .btn-group .btn-sm.btn-danger:hover {
            background-color: #C53030 !important;
            color: #fff !important;
        }

    /* ========================================
   UTILIDADES - DARK MODE
   ======================================== */
    [data-theme="dark"] .text-muted {
        color: var(--text-secondary) !important;
    }

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

    /* ========================================
   MODALES BOOTSTRAP - DARK MODE
   ======================================== */
    [data-theme="dark"] .modal-content {
        background-color: var(--bg-surface);
        color: var(--text-primary);
    }

    [data-theme="dark"] .modal-header {
        border-bottom-color: var(--border-color);
    }

    [data-theme="dark"] .modal-footer {
        border-top-color: var(--border-color);
    }

    [data-theme="dark"] .close {
        color: var(--text-primary);
        opacity: 0.8;
    }

    /* ========================================
   TOOLTIPS - DARK MODE
   ======================================== */
    [data-theme="dark"] .tooltip-inner {
        background-color: var(--bg-surface-alt);
        color: var(--text-primary);
    }

    /* ========================================
   POPOVERS - DARK MODE
   ======================================== */
    [data-theme="dark"] .popover {
        background-color: var(--bg-surface);
        border-color: var(--border-color);
    }

    [data-theme="dark"] .popover-header {
        background-color: var(--bg-surface-alt);
        border-bottom-color: var(--border-color);
        color: var(--text-primary);
    }

    [data-theme="dark"] .popover-body {
        color: var(--text-primary);
    }


    /* ========================================
   CALENDARIO DE DISPONIBILIDAD - DARK MODE
   ======================================== */

    /* Celdas de ocupacion */
    [data-theme="dark"] .calendar-day.occ-low {
        background: #1E3A2B;
        color: #9AE6B4;
        border: 1px solid #2F855A;
    }

    [data-theme="dark"] .calendar-day.occ-medium {
        background: #3B2F1A;
        color: #FAF089;
        border: 1px solid #B7791F;
    }

    [data-theme="dark"] .calendar-day.occ-high {
        background: #3A2410;
        color: #FBD38D;
        border: 1px solid #DD6B20;
    }

    [data-theme="dark"] .calendar-day.occ-full {
        background: #3A1F1F;
        color: #FEB2B2;
        border: 1px solid #C53030;
    }

    /* Hover en dias normales (SIN CAMBIOS) */
    [data-theme="dark"] .calendar-day:not(.other-month):not(.selected):hover {
        background: var(--bg-surface-alt);
        border-color: var(--primary);
    }



    /* ========================================
   TARJETAS DE RESERVA — STATUS BADGES
   ======================================== */
    [data-theme="dark"] .status-pending {
        background: #3B2F1A !important;
        color: #FAF089 !important;
    }

    [data-theme="dark"] .status-confirmed {
        background: #1E3A2B !important;
        color: #9AE6B4 !important;
    }

    [data-theme="dark"] .status-checked_in {
        background: #172843 !important;
        color: #90CDF4 !important;
    }

    [data-theme="dark"] .status-checked_out {
        background: #252D3A !important;
        color: #CBD5E0 !important;
    }

    [data-theme="dark"] .status-cancelled {
        background: #3A1F1F !important;
        color: #FEB2B2 !important;
    }

    [data-theme="dark"] .status-no_show {
        background: #252D3A !important;
        color: #A0AEC0 !important;
    }

    [data-theme="dark"] .payment-tag.pending {
        background: #3A2410 !important;
        color: #FBD38D !important;
        border-color: #fbd38d !important;
        border: 1px solid;
    }
    /* "Pago por verificar" — inline style, se neutraliza con parent */
    [data-theme="dark"] .payment-tag {
        border-color: rgba(255,255,255,0.15) !important;
    }

    /* VIP badge */
    [data-theme="dark"] .vip-badge {
        background: rgba(245,158,11,.2) !important;
        color: #FBD38D !important;
    }

    /* Channel badge */
    [data-theme="dark"] .channel-badge {
        background: var(--bg-surface-alt) !important;
        color: var(--text-secondary) !important;
    }

    /* ========================================
   LEYENDA DEL CALENDARIO — DOTS INLINE
   Los dots usan style="" inline, se pisan con !important
   ======================================== */
    [data-theme="dark"] .occ-legend-item:nth-child(1) .occ-legend-dot {
        background: rgba(56,161,105,0.85) !important;
    }

    [data-theme="dark"] .occ-legend-item:nth-child(2) .occ-legend-dot {
        background: rgba(214,158,46,0.85) !important;
    }

    [data-theme="dark"] .occ-legend-item:nth-child(3) .occ-legend-dot {
        background: rgba(237,137,54,0.85) !important;
    }

    [data-theme="dark"] .occ-legend-item:nth-child(4) .occ-legend-dot {
        background: rgba(229,62,62,0.85) !important;
    }





/* Light mode — badges de método de pago */
.pm-badge {
    font-size: 0.7rem;
    font-weight: 600;
}

.pm-cash {
    background: rgba(56,161,105,.15);
    color: #276749;
}

.pm-transfer {
    background: rgba(66,153,225,.15);
    color: #2B6CB0;
}

.pm-card {
    background: rgba(113,128,150,.15);
    color: #4A5568;
}

/* Dark mode */
[data-theme="dark"] .pm-cash {
    background: #1E3A2B !important;
    color: #9AE6B4 !important;
}

[data-theme="dark"] .pm-transfer {
    background: #172843 !important;
    color: #90CDF4 !important;
}

[data-theme="dark"] .pm-card {
    background: #252D3A !important;
    color: #CBD5E0 !important;
}






/* ========================================
   RD-DEPOSIT-BOX — DARK MODE
   ======================================== */

/* Reset de color base — aplica a fechas, montos y texto heredado */
[data-theme="dark"] .rd-deposit-box {
    color: var(--text-primary) !important;
}

/* rd-deposit-paid */
[data-theme="dark"] .rd-deposit-paid {
    background: #1A3028 !important;
    border-color: #2F855A !important;
}

/* rd-deposit-pending */
[data-theme="dark"] .rd-deposit-pending {
    background: #2E2210 !important;
    border-color: #B7791F !important;
}

/* rd-deposit-retained */
[data-theme="dark"] .rd-deposit-retained {
    background: #2E1515 !important;
    border-color: #C53030 !important;
}

/* Inline style color:#276749 — título "Pagos registrados" y badge Verificado */
[data-theme="dark"] .rd-deposit-paid [style*="color:#276749"] {
    color: #9AE6B4 !important;
}

/* Inline style color:#92610A — texto "Pend. verificar" */
[data-theme="dark"] .rd-deposit-paid [style*="color:#92610A"] {
    color: #FAF089 !important;
}

/* Fila de totales: "Total pagado" */
[data-theme="dark"] .rd-deposit-paid .rd-fin-row.total,
[data-theme="dark"] .rd-deposit-paid .rd-fin-row {
    color: var(--text-primary) !important;
}

/* ========================================
   TARJETAS DE RESERVA — BOTONES DE ACCIÓN
   ======================================== */

/* Botón principal (Ver detalle, acción primaria teal) */
[data-theme="dark"] .btn-action-main,
[data-theme="dark"] .btn-add-catalog {
    background: #0D2D38 !important;
    color: #81E6D9 !important;
    border: 1px solid #2BA49A !important;
}

    [data-theme="dark"] .btn-action-main:hover,
    [data-theme="dark"] .btn-add-catalog:hover {
        background: #2BA49A !important;
        color: #fff !important;
    }

    /* Check-in — success */
    [data-theme="dark"] .btn-action-main.success,
    [data-theme="dark"] .btn-add-catalog.success {
        background: #1E3A2B !important;
        color: #9AE6B4 !important;
        border: 1px solid #2F855A !important;
    }

[data-theme="dark"] .btn-action-main.success:hover,
[data-theme="dark"] .btn-action-main.success:hover {
    background: #2F855A !important;
    color: #fff !important;
}

    /* Check-out — danger */
    [data-theme="dark"] .btn-action-main.danger {
        background: #3A1F1F !important;
        color: #FEB2B2 !important;
        border: 1px solid #C53030 !important;
    }

        [data-theme="dark"] .btn-action-main.danger:hover {
            background: #C53030 !important;
            color: #fff !important;
        }

    /* Registrar pago / Gestionar pagos — warning */
    [data-theme="dark"] .btn-action-main.warning {
        background: #3B2F1A !important;
        color: #FAF089 !important;
        border: 1px solid #B7791F !important;
    }

        [data-theme="dark"] .btn-action-main.warning:hover {
            background: #B7791F !important;
            color: #fff !important;
        }

/* Botón icono (3 puntos, factura) */
[data-theme="dark"] .btn-action-icon {
    background: var(--bg-surface-alt) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

    [data-theme="dark"] .btn-action-icon:hover {
        background: var(--bg-surface) !important;
        border-color: var(--primary) !important;
        color: #81E6D9 !important;
    }

    /* Botón de factura — inline style color:#B45309 */
    [data-theme="dark"] .btn-action-icon[style*="color:#B45309"] {
        color: #FAF089 !important;
        border-color: #B7791F !important;
        background: #3B2F1A !important;
    }


/* ========================================
   _PaymentManagementModal — DARK MODE
   ======================================== */

/* KPI backgrounds (inline rgba en Razor) */
[data-theme="dark"] .pm-kpi[style*="rgba(56,161,105"] {
    background: #1E3A2B !important;
    border-color: #2F855A !important;
}

[data-theme="dark"] .pm-kpi[style*="rgba(229,62,62"] {
    background: #3A1F1F !important;
    border-color: #C53030 !important;
}

/* KPI label/value con color inline hardcodeado */
[data-theme="dark"] .pm-kpi [style*="color:#276749"] {
    color: #9AE6B4 !important;
}

[data-theme="dark"] .pm-kpi [style*="color:#9B2C2C"] {
    color: #FEB2B2 !important;
}

/* Payment type badges */
[data-theme="dark"] .pm-type-deposit {
    background: #0D2D38 !important;
    color: #81E6D9 !important;
}

[data-theme="dark"] .pm-type-balance {
    background: #172843 !important;
    color: #90CDF4 !important;
}

[data-theme="dark"] .pm-type-full {
    background: #1E3A2B !important;
    color: #9AE6B4 !important;
}

[data-theme="dark"] .pm-type-refund {
    background: #3A1F1F !important;
    color: #FEB2B2 !important;
}

/* Filas del historial */
[data-theme="dark"] .pm-history-row {
    background: #1E2530 !important;
    border-color: var(--border-color) !important;
}

    /* "Verificado" — inline color:#276749 dentro de la fila */
    [data-theme="dark"] .pm-history-row [style*="color:#276749"] {
        color: #9AE6B4 !important;
    }
    /* "Sin verificar" — inline color:#92610A dentro de la fila */
    [data-theme="dark"] .pm-history-row [style*="color:#92610A"] {
        color: #FAF089 !important;
    }

/* ========================================
   FORM-SELECT — DARK MODE
   ======================================== */
[data-theme="dark"] .form-select,
[data-theme="dark"] .form-select-sm,
[data-theme="dark"] .form-select-lg {
    background-color: var(--bg-body) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    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='%23ADB5BD' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 16px 12px !important;
}

    [data-theme="dark"] .form-select:focus,
    [data-theme="dark"] .form-select-sm:focus,
    [data-theme="dark"] .form-select-lg:focus {
        background-color: var(--bg-body) !important;
        color: var(--text-primary) !important;
        border-color: var(--primary) !important;
        box-shadow: 0 0 0 3px rgba(43,164,154,0.15) !important;
    }
/* Flecha del select en dark mode */
[data-theme="dark"] .form-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='%23ADB5BD' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}

/* ========================================
   BADGE EXTRA PERSONA — DARK MODE
   Clase: badge con inline style rgba(214,158,46,.12) color:#7B5E05
   ======================================== */
[data-theme="dark"] .badge[style*="rgba(214,158,46"] {
    background: #3B2F1A !important;
    color: #FAF089 !important;
}


/* ========================================
   TABLA CREAR RESERVA — rooms-added-table
   ======================================== */
[data-theme="dark"] .rooms-added-table {
    color: var(--text-primary) !important;
}

    [data-theme="dark"] .rooms-added-table thead th {
        color: var(--text-secondary) !important;
        background-color: var(--bg-surface-alt) !important;
        border-color: var(--border-color) !important;
    }

    [data-theme="dark"] .rooms-added-table tbody td {
        color: var(--text-primary) !important;
        border-color: var(--border-color) !important;
    }

    [data-theme="dark"] .rooms-added-table tbody tr {
        background-color: var(--bg-surface) !important;
    }

        [data-theme="dark"] .rooms-added-table tbody tr:hover {
            background-color: var(--bg-surface-alt) !important;
        }

/* ========================================
   SWEETALERT2 — BOTONES DE ACCIÓN DARK MODE
   ======================================== */

/* Confirm (verde — Guardar, Confirmar, etc.) */
[data-theme="dark"] .swal2-confirm.swal2-styled {
    background-color: #1E3A2B !important;
    border: 1px solid #2F855A !important;
    color: #9AE6B4 !important;
    box-shadow: none !important;
}

    [data-theme="dark"] .swal2-confirm.swal2-styled:hover {
        background-color: #2F855A !important;
        color: #fff !important;
    }

    [data-theme="dark"] .swal2-confirm.swal2-styled:focus {
        box-shadow: 0 0 0 3px rgba(56,161,105,0.35) !important;
    }

/* Cancel (gris — Revisar, Cancelar, Cerrar) */
[data-theme="dark"] .swal2-cancel.swal2-styled {
    background-color: #252D3A !important;
    border: 1px solid #4A5568 !important;
    color: #CBD5E0 !important;
    box-shadow: none !important;
}

    [data-theme="dark"] .swal2-cancel.swal2-styled:hover {
        background-color: #4A5568 !important;
        color: #fff !important;
    }

/* Deny (rojo — No, Eliminar, Destructivo) */
[data-theme="dark"] .swal2-deny.swal2-styled {
    background-color: #3A1F1F !important;
    border: 1px solid #C53030 !important;
    color: #FEB2B2 !important;
    box-shadow: none !important;
}

    [data-theme="dark"] .swal2-deny.swal2-styled:hover {
        background-color: #C53030 !important;
        color: #fff !important;
    }

/* Cuando el confirm es rojo (confirmaciones destructivas) */
[data-theme="dark"] .swal2-confirm.swal2-styled[style*="--swal2-confirm-button-background-color: #E53E3E"],
[data-theme="dark"] .swal2-confirm.swal2-styled[style*="--swal2-confirm-button-background-color: var(--danger)"] {
    background-color: #3A1F1F !important;
    border-color: #C53030 !important;
    color: #FEB2B2 !important;
}

    [data-theme="dark"] .swal2-confirm.swal2-styled[style*="--swal2-confirm-button-background-color: #E53E3E"]:hover,
    [data-theme="dark"] .swal2-confirm.swal2-styled[style*="--swal2-confirm-button-background-color: var(--danger)"]:hover {
        background-color: #C53030 !important;
        color: #fff !important;
    }

/* Cuando el confirm es teal/primary */
[data-theme="dark"] .swal2-confirm.swal2-styled[style*="--swal2-confirm-button-background-color: var(--primary)"] {
    background-color: #0D2D38 !important;
    border-color: #2BA49A !important;
    color: #81E6D9 !important;
}

    [data-theme="dark"] .swal2-confirm.swal2-styled[style*="--swal2-confirm-button-background-color: var(--primary)"]:hover {
        background-color: #2BA49A !important;
        color: #fff !important;
    }

/* ========================================
   CALENDARIO — LEYENDA Y RESUMEN DEL DÍA
   ======================================== */

/* Dots de leyenda (inline styles, se pisan con !important + nth-child) */
[data-theme="dark"] .occ-legend-item:nth-child(1) .occ-legend-dot {
    background: rgba(56,161,105,1) !important;
}

[data-theme="dark"] .occ-legend-item:nth-child(2) .occ-legend-dot {
    background: rgba(214,158,46,1) !important;
}

[data-theme="dark"] .occ-legend-item:nth-child(3) .occ-legend-dot {
    background: rgba(237,137,54,1) !important;
}

[data-theme="dark"] .occ-legend-item:nth-child(4) .occ-legend-dot {
    background: rgba(229,62,62,1) !important;
}

/* Texto de la leyenda */
[data-theme="dark"] .occ-legend {
    color: var(--text-secondary) !important;
    border-top-color: var(--border-color) !important;
}

/* ── DAY SUMMARY BOX ── */
[data-theme="dark"] .day-summary-box {
    background: var(--bg-surface-alt) !important;
}

[data-theme="dark"] .day-summary-title {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .day-stat-label {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .day-stat-value {
    color: var(--text-primary) !important;
    font-weight: 700;
}

    /* Disponibles mantiene el verde pero adaptado */
    [data-theme="dark"] .day-stat-label.text-success,
    [data-theme="dark"] .day-stat-value.text-success {
        color: #00b353 !important;
    }

[data-theme="dark"] .rm-dirty {
    background: #3B2F1A;
    border-color: #B7791F;
}

    [data-theme="dark"] .rm-dirty .rm-number,
    [data-theme="dark"] .rm-dirty .rm-status-label,
    [data-theme="dark"] .rm-dirty .rm-type,
    [data-theme="dark"] .rm-dirty .rm-dates {
        color: #FFFBEA;
    }

[data-theme="dark"] .rm-cleaning {
    background: #172843;
    border-color: #3182CE;
}

    [data-theme="dark"] .rm-cleaning .rm-number,
    [data-theme="dark"] .rm-cleaning .rm-status-label,
    [data-theme="dark"] .rm-cleaning .rm-type,
    [data-theme="dark"] .rm-cleaning .rm-dates {
        color: #90CDF4;
    }

[data-theme="dark"] .rm-legend-item.rm-cleaning {
    background: #172843;
    border-color: #3182CE;
    color: #90CDF4;
}

/* Legend */
[data-theme="dark"] .rm-legend-item.rm-dirty {
    background: #3B2F1A;
    border-color: #B7791F;
    color: #FFFBEA;
}


/* ========================================
   _ExtrasModal — TABLA DE CATÁLOGO DARK MODE
   ======================================== */

/* Filas de la tabla */
[data-theme="dark"] #manageBody tr,
[data-theme="dark"] #manageBody td {
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

    [data-theme="dark"] #manageBody tr:hover {
        background: var(--bg-surface-alt) !important;
    }

    /* Precio en negrita */
    [data-theme="dark"] #manageBody td[style*="font-weight:700"] {
        color: var(--text-primary) !important;
    }

/* Botón eliminar */
[data-theme="dark"] .extra-delete {
    color: var(--text-secondary) !important;
}

    [data-theme="dark"] .extra-delete:hover {
        background: rgba(229,62,62,0.15) !important;
        color: #FEB2B2 !important;
    }

/* ── cat-badges en dark mode ── */
[data-theme="dark"] .cat-badge.damage {
    background: #3A1F1F !important;
    color: #FEB2B2 !important;
}

[data-theme="dark"] .cat-badge.late_checkout {
    background: #3B2F1A !important;
    color: #FAF089 !important;
}

[data-theme="dark"] .cat-badge.food_beverage {
    background: #0D2D38 !important;
    color: #81E6D9 !important;
}

[data-theme="dark"] .cat-badge.laundry {
    background: #1E2543 !important;
    color: #C3DAFE !important;
}

[data-theme="dark"] .cat-badge.parking {
    background: #172843 !important;
    color: #90CDF4 !important;
}

[data-theme="dark"] .cat-badge.amenity {
    background: #1E3A2B !important;
    color: #9AE6B4 !important;
}

[data-theme="dark"] .cat-badge.other {
    background: #252D3A !important;
    color: #CBD5E0 !important;
}

/* También aplica a los badges en la tabla del catálogo (tab Catálogo) */
[data-theme="dark"] #catalogBody .cat-badge.damage {
    background: #3A1F1F !important;
    color: #FEB2B2 !important;
}

[data-theme="dark"] #catalogBody .cat-badge.late_checkout {
    background: #3B2F1A !important;
    color: #FAF089 !important;
}

[data-theme="dark"] #catalogBody .cat-badge.food_beverage {
    background: #0D2D38 !important;
    color: #81E6D9 !important;
}

[data-theme="dark"] #catalogBody .cat-badge.laundry {
    background: #1E2543 !important;
    color: #C3DAFE !important;
}

[data-theme="dark"] #catalogBody .cat-badge.parking {
    background: #172843 !important;
    color: #90CDF4 !important;
}

[data-theme="dark"] #catalogBody .cat-badge.amenity {
    background: #1E3A2B !important;
    color: #9AE6B4 !important;
}

[data-theme="dark"] #catalogBody .cat-badge.other {
    background: #252D3A !important;
    color: #CBD5E0 !important;
}

/* ========================================
   _ExtrasModal — LISTA DE CARGOS REGISTRADOS
   ======================================== */

/* Fila del extra */
[data-theme="dark"] .extra-item {
    border-color: var(--border-color) !important;
    background: var(--bg-surface) !important;
}

/* Iconos por categoría */
[data-theme="dark"] .extra-icon.damage {
    background: #3A1F1F !important;
    color: #FEB2B2 !important;
}

[data-theme="dark"] .extra-icon.late_checkout {
    background: #3B2F1A !important;
    color: #FAF089 !important;
}

[data-theme="dark"] .extra-icon.food_beverage {
    background: #0D2D38 !important;
    color: #81E6D9 !important;
}

[data-theme="dark"] .extra-icon.laundry {
    background: #1E2543 !important;
    color: #C3DAFE !important;
}

[data-theme="dark"] .extra-icon.parking {
    background: #172843 !important;
    color: #90CDF4 !important;
}

[data-theme="dark"] .extra-icon.amenity {
    background: #1E3A2B !important;
    color: #9AE6B4 !important;
}

[data-theme="dark"] .extra-icon.other {
    background: #252D3A !important;
    color: #CBD5E0 !important;
}

/* ========================================
   MODAL DETALLE RESERVA — rd-* DARK MODE
   ======================================== */

/* rd-room-num — numero de habitacion en tarjeta y vehiculo */
[data-theme="dark"] .rd-room-num {
    background: rgba(43,164,154,0.2) !important;
    color: #81E6D9 !important;
}

/* rd-room-card — borde y fondo */
[data-theme="dark"] .rd-room-card {
    border-color: var(--border-color) !important;
    background: var(--bg-surface) !important;
}

/* rd-avatar — iniciales del huesped */
[data-theme="dark"] .rd-avatar {
    background: rgba(43,164,154,0.2) !important;
    color: #81E6D9 !important;
}

/* rd-kpi — celdas de datos */
[data-theme="dark"] .rd-kpi {
    background: var(--bg-surface-alt) !important;
}

[data-theme="dark"] .rd-kpi-label {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .rd-kpi-value {
    color: var(--text-primary) !important;
}

/* Badge mascota inline color:#2BA49A */
[data-theme="dark"] .badge[style*="rgba(43,164,154"] {
    background: #0D2D38 !important;
    color: #81E6D9 !important;
}

/* rd-vehicle-static — linea de vehiculo */
[data-theme="dark"] .rd-vehicle-static {
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .rd-vehicle-edit-btn {
    color: var(--text-secondary) !important;
}

    [data-theme="dark"] .rd-vehicle-edit-btn:hover {
        color: var(--primary) !important;
    }

/* rd-fin-row — filas financieras */
[data-theme="dark"] .rd-fin-row {
    color: var(--text-secondary) !important;
}

    [data-theme="dark"] .rd-fin-row.total {
        color: var(--text-primary) !important;
        border-top-color: var(--border-color) !important;
    }

/* rd-section-title — separadores de seccion */
[data-theme="dark"] .rd-section-title {
    color: var(--text-secondary) !important;
    border-top-color: var(--border-color) !important;
}

/* rd-footer */
[data-theme="dark"] .rd-footer {
    border-top-color: var(--border-color) !important;
}


/* ── payment-tag: Saldo por extras ─────────────────────────── */
.payment-tag.tag-extras-pending {
    background: rgba(229, 62, 62, .10);
    color: #C53030;
    border: 1px solid rgba(229, 62, 62, .25);
}

/* ── payment-tag: Saldo de habitación parcial ───────────────── */
.payment-tag.tag-balance-pending {
    background: rgba(214, 158, 46, .12);
    color: #7B5E05;
    border: 1px solid rgba(214, 158, 46, .30);
}

/* ── Dark mode ──────────────────────────────────────────────── */
[data-theme="dark"] .payment-tag.tag-extras-pending,
.dark-mode .payment-tag.tag-extras-pending {
    background: rgba(54, 32, 34);
    color: #ffbbbc;
    border: 1px solid;
    border-color: #a82e30 !important;
}

[data-theme="dark"] .payment-tag.tag-balance-pending,
.dark-mode .payment-tag.tag-balance-pending {
    background: rgba(214, 158, 46, .15);
    color: #f5b4b5;
    border-color: rgba(229, 62, 62) !important
}

[data-theme="dark"] .rd-internal-note-row .rd-note-static {
    color: var(--text-secondary);
}

[data-theme="dark"] .rd-note-edit-btn {
    color: var(--text-secondary) !important;
}

    [data-theme="dark"] .rd-note-edit-btn:hover {
        color: var(--primary) !important;
    }

[data-theme="dark"] .payment-tag[style*="color:#7B5E05"] {
    background: #3B2F1A !important;
    color: #FAF089 !important;
    border-color: #B7791F !important;
}

/* "Pagado completo" — agregar border que falta */
[data-theme="dark"] .payment-tag.paid {
    background: #1E3A2B !important;
    color: #aeffcd !important;
    border: 1px solid;
    border-color: #9ae6b4 !important;
}

/* "Dev. realizada" — inline style verde */
[data-theme="dark"] .payment-tag[style*="color:#276749"] {
    background: #1E3A2B !important;
    color: #9AE6B4 !important;
    border-color: #2F855A !important;
}

/* ========================================
   ROOM SELECTOR AVAILABILITY (rsa-*) — DARK MODE
   ======================================== */
[data-theme="dark"] .rsa-legend {
    background: var(--bg-surface) !important;
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .rsa-legend-item {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .rsa-group.fully {
    background: rgba(56,161,105,.04) !important;
}

[data-theme="dark"] .rsa-group.partial {
    background: rgba(214,158,46,.05) !important;
}

[data-theme="dark"] .rsa-group.unavail {
    background: rgba(100,100,100,.04) !important;
}

[data-theme="dark"] .rsa-group.fully .rsa-group-label {
    color: #9AE6B4 !important;
}

[data-theme="dark"] .rsa-group.partial .rsa-group-label {
    color: #FAF089 !important;
}

[data-theme="dark"] .rsa-group.unavail .rsa-group-label {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .rsa-card.partial {
    border-color: rgba(214,158,46,.35) !important;
    background: rgba(214,158,46,.05) !important;
}

    [data-theme="dark"] .rsa-card.partial:hover {
        border-color: rgba(214,158,46,.6) !important;
        background: rgba(214,158,46,.09) !important;
    }

[data-theme="dark"] .rsa-card.unavail {
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .rsa-nights-badge {
    background: #3B2F1A !important;
    color: #FAF089 !important;
    border-color: #B7791F !important;
}

    [data-theme="dark"] .rsa-nights-badge.unavail-badge {
        background: transparent !important;
        color: var(--text-muted) !important;
        border-color: var(--border-color) !important;
    }

[data-theme="dark"] .rsa-conflict-detail {
    border-top-color: rgba(214,158,46,.2) !important;
}

[data-theme="dark"] .rsa-conflict-row {
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .rsa-conflict-date {
    color: #ECC94B !important;
}

[data-theme="dark"] .rsa-conflict-folio {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .rsa-conflict-guest {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .rsa-room-num {
    color: var(--text-primary) !important;
}

/* Pet cell en tabla de habitaciones */
[data-theme="dark"] .res-pet-count {
    color: #FAF089 !important;
}

[data-theme="dark"] .res-pet-charge {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .res-pet-free {
    color: #9AE6B4 !important;
}

[data-theme="dark"] .res-pet-none {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .rsa-pet-badge {
    color: #FAF089 !important;
    border-color: rgba(214,158,46,.45) !important;
    background: #3B2F1A !important;
}




/* ============================================================
   PARCHE — GarthHMS/wwwroot/css/7-dark-theme.css
   Agregar al final del archivo, en la sección de
   "TARJETAS DE RESERVA — BOTONES DE ACCIÓN"
   ============================================================ */

/* ── Botón de ticket — estados por color inline ── */

/* delivered → azul #4299E1 */
[data-theme="dark"] .btn-action-icon[style*="color:#4299E1"] {
    color: #90CDF4 !important;
    border-color: #2B6CB0 !important;
    background: #0D2038 !important;
}

/* opened → teal #2BA49A */
[data-theme="dark"] .btn-action-icon[style*="color:#2BA49A"] {
    color: #81E6D9 !important;
    border-color: #2BA49A !important;
    background: #0D2D38 !important;
}

/* bounced / failed → rojo #E53E3E */
[data-theme="dark"] .btn-action-icon[style*="color:#E53E3E"] {
    color: #FEB2B2 !important;
    border-color: #C53030 !important;
    background: #3A1F1F !important;
}

/* complained / delayed → ámbar #D69E2E */
[data-theme="dark"] .btn-action-icon[style*="color:#D69E2E"] {
    color: #FAF089 !important;
    border-color: #B7791F !important;
    background: #3B2F1A !important;
}

/* sin estado / no enviado → gris #718096 */
[data-theme="dark"] .btn-action-icon[style*="color:#718096"] {
    color: #A0AEC0 !important;
    border-color: #4A5568 !important;
    background: var(--bg-surface-alt) !important;
}

/* sin email → gris muy apagado #A0AEC0 */
[data-theme="dark"] .btn-action-icon[style*="color:#A0AEC0"] {
    color: #718096 !important;
    border-color: #2D3748 !important;
    background: var(--bg-surface-alt) !important;
}

/* ── Modal de Ticket — inputs y banners en dark mode ── */

[data-theme="dark"] .tkt-email-input {
    background: var(--bg-surface) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .tkt-history-row {
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .tkt-section-title {
    border-top-color: var(--border-color) !important;
}

/* ── Dashboard Alerts — modal "Configurar Alertas" (ac-*) ── */
[data-theme="dark"] .ac-slider {
    background: #4A5568;
}

[data-theme="dark"] .ac-switch input:checked + .ac-slider {
    background: var(--primary);
}

[data-theme="dark"] .ac-grid {
    background-color: rgba(43,164,154,.06);
}

[data-theme="dark"] .ac-row {
    border-bottom-color: rgba(43,164,154,.12);
}

/* ================================================================
   DARK MODE — mv-* (Modal "Mover habitación")
   ================================================================ */

[data-theme="dark"] .ctx-pill.mv-pill {
    background: rgba(99,117,181,.15) !important;
    color: #a5b4fc !important;
    border-color: rgba(99,117,181,.3) !important;
}

[data-theme="dark"] .mv-room-selector:hover,
[data-theme="dark"] .mv-room-selector.selected {
    background: rgba(43,164,154,.13) !important;
    border-color: var(--primary) !important;
}

[data-theme="dark"] .mv-current-room-banner {
    background: rgba(43,164,154,.13) !important;
    color: #E2E8F0 !important;
}

[data-theme="dark"] .mv-candidate-card {
    border-color: rgba(255,255,255,.1) !important;
}
[data-theme="dark"] .mv-candidate-card:hover {
    background: rgba(43,164,154,.09) !important;
    border-color: var(--primary) !important;
}
[data-theme="dark"] .mv-candidate-card.selected {
    background: rgba(43,164,154,.13) !important;
    border-color: var(--primary) !important;
}
[data-theme="dark"] .mv-candidate-card.mv-card-warning {
    border-color: rgba(214,158,46,.35) !important;
}
[data-theme="dark"] .mv-candidate-card.mv-card-warning.selected {
    background: rgba(214,158,46,.09) !important;
    border-color: var(--warning) !important;
}

[data-theme="dark"] .mv-card-name  { color: #E2E8F0 !important; }
[data-theme="dark"] .mv-card-meta  { color: #A0AEC0 !important; }
[data-theme="dark"] .mv-card-num {
    background: rgba(43,164,154,.2) !important;
    color: #81E6D9 !important;
}

[data-theme="dark"] .mv-badge-dirty {
    background: rgba(214,158,46,.16) !important;
    color: #F6E05E !important;
    border-color: rgba(214,158,46,.32) !important;
}
[data-theme="dark"] .mv-badge-cleaning {
    background: rgba(66,153,225,.16) !important;
    color: #90CDF4 !important;
    border-color: rgba(66,153,225,.28) !important;
}
[data-theme="dark"] .mv-badge-partial {
    background: rgba(229,62,62,.14) !important;
    color: #FC8181 !important;
    border-color: rgba(229,62,62,.28) !important;
}

[data-theme="dark"] .mv-other-warning {
    background: rgba(214,158,46,.1) !important;
    color: #ECC94B !important;
}
[data-theme="dark"] .mv-toggle-others        { color: #A0AEC0 !important; }
[data-theme="dark"] .mv-toggle-others:hover  { color: #E2E8F0 !important; }

[data-theme="dark"] .mv-loading,
[data-theme="dark"] .mv-empty     { color: #718096 !important; }
[data-theme="dark"] .mv-group-label           { color: #A0AEC0 !important; }

/* ================================================================
   DARK MODE — nc-* (Modulo "Noches Guardadas")
   Paleta estandar seccion 13.4
   ================================================================ */

[data-theme="dark"] .ctx-pill.nc-pill {
    background: rgba(43,164,154,.15) !important;
    color: #81E6D9 !important;
    border-color: rgba(43,164,154,.35) !important;
}

[data-theme="dark"] .ctx-pill.nc-redeem-pill {
    background: rgba(128,90,213,.16) !important;
    color: #D6BCFA !important;
    border-color: rgba(128,90,213,.35) !important;
}

[data-theme="dark"] .nc-save-btn {
    color: #9AE6B4 !important;
    border-color: rgba(56,161,105,.45) !important;
    background: rgba(56,161,105,.1) !important;
}
[data-theme="dark"] .nc-save-btn:hover {
    color: #1E3A2B !important;
    background: #9AE6B4 !important;
    border-color: #9AE6B4 !important;
}

[data-theme="dark"] .nc-summary-banner {
    background: rgba(43,164,154,.13) !important;
    color: #E2E8F0 !important;
}
[data-theme="dark"] .nc-summary-row    { color: #E2E8F0 !important; }
[data-theme="dark"] .nc-summary-value  { color: #81E6D9 !important; }
[data-theme="dark"] .nc-summary-note   { color: #A0AEC0 !important; }
[data-theme="dark"] .nc-summary-expiry { color: #FAF089 !important; }

[data-theme="dark"] .nc-fee-warning {
    background: rgba(214,158,46,.12) !important;
    color: #FAF089 !important;
}

[data-theme="dark"] .nc-date-input {
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .nc-date-hint { color: #A0AEC0 !important; }

[data-theme="dark"] .nc-candidate-card {
    border-color: rgba(255,255,255,.1) !important;
}
[data-theme="dark"] .nc-candidate-card:hover {
    background: rgba(43,164,154,.09) !important;
    border-color: var(--primary) !important;
}
[data-theme="dark"] .nc-candidate-card.selected {
    background: rgba(43,164,154,.13) !important;
    border-color: var(--primary) !important;
}

[data-theme="dark"] .nc-card-name { color: #E2E8F0 !important; }
[data-theme="dark"] .nc-card-meta { color: #A0AEC0 !important; }
[data-theme="dark"] .nc-card-num {
    background: rgba(43,164,154,.2) !important;
    color: #81E6D9 !important;
}

[data-theme="dark"] .nc-badge-dirty {
    background: rgba(214,158,46,.16) !important;
    color: #F6E05E !important;
    border-color: rgba(214,158,46,.32) !important;
}
[data-theme="dark"] .nc-badge-cleaning {
    background: rgba(66,153,225,.16) !important;
    color: #90CDF4 !important;
    border-color: rgba(66,153,225,.28) !important;
}

[data-theme="dark"] .nc-loading,
[data-theme="dark"] .nc-empty { color: #718096 !important; }