/* =====================================================
   MODO OSCURO
   Se aplica cuando <html data-theme="dark">
   ===================================================== */

/* Variables oscuras */
[data-theme="dark"] {
    --bg-body: #0A1A31;
    --bg-sidebar: #11294A;
    --text-primary: #F1F5F9;
    --text-secondary: #CBD5E1;
    --text-muted: #94A3B8;
    --card-bg: rgba(17, 41, 74, 0.85);
    --card-border: rgba(212, 175, 100, 0.45);
    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.3);
    --shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.4);
}

/* Base */
[data-theme="dark"] body {
    background: var(--bg-body) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] body::before {
    background: radial-gradient(circle, rgba(95, 168, 232, 0.12) 0%, transparent 70%) !important;
}

[data-theme="dark"] body::after {
    background: radial-gradient(circle, rgba(140, 194, 240, 0.10) 0%, transparent 70%) !important;
}

/* Sidebar */
[data-theme="dark"] .sidebar {
    background: rgba(17, 41, 74, 0.92) !important;
    border-right: 1px solid rgba(212, 175, 100, 0.45) !important;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .sidebar-header {
    background: linear-gradient(135deg, rgba(95, 168, 232, 0.15) 0%, rgba(140, 194, 240, 0.10) 100%) !important;
    border-bottom: 1px solid rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] .sidebar-header h2 {
    color: var(--text-primary) !important;
}

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

[data-theme="dark"] .nav-link:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #5FA8E8 !important;
}

[data-theme="dark"] .nav-link.active {
    background: linear-gradient(135deg, #163F73 0%, #3D7FC2 100%) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .submenu .nav-link.active {
    background: rgba(95, 168, 232, 0.18) !important;
    color: #5FA8E8 !important;
}

/* Header */
[data-theme="dark"] .header {
    background: rgba(10, 26, 49, 0.80) !important;
    border-bottom: 1px solid rgba(212, 175, 100, 0.45) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.20) !important;
}

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

[data-theme="dark"] .header-date {
    background: rgba(17, 41, 74, 0.70) !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .header-user-toggle {
    background: rgba(17, 41, 74, 0.70) !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .header-user-toggle:hover {
    background: rgba(17, 41, 74, 0.95) !important;
}

[data-theme="dark"] .header-user-info strong {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .header-user-info span {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .header-user-menu {
    background: rgba(17, 41, 74, 0.98) !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] .header-user-menu .user-details {
    border-bottom: 1px solid rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] .header-user-menu .user-details strong,
[data-theme="dark"] .header-user-menu a {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .header-user-menu a:hover {
    background: rgba(239, 68, 68, 0.10) !important;
}

/* Botón toggle de tema */
.theme-toggle,
.login-theme-toggle {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(212, 175, 100, 0.45);
    background: rgba(255, 255, 255, 0.7);
    color: var(--text-primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    transition: all 0.3s ease;
}

.theme-toggle:hover,
.login-theme-toggle:hover {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: var(--shadow-soft);
}

[data-theme="dark"] .theme-toggle,
[data-theme="dark"] .login-theme-toggle {
    background: rgba(17, 41, 74, 0.70) !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
    color: #FCD34D !important;
}

[data-theme="dark"] .theme-toggle:hover,
[data-theme="dark"] .login-theme-toggle:hover {
    background: rgba(17, 41, 74, 0.95) !important;
}

/* Contenido */
[data-theme="dark"] .content {
    color: var(--text-primary) !important;
}

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

/* Cards y contenedores */
[data-theme="dark"] .card,
[data-theme="dark"] .table-container,
[data-theme="dark"] .filters-container,
[data-theme="dark"] .form-container,
[data-theme="dark"] .modal-content {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    box-shadow: var(--shadow-soft) !important;
    color: var(--text-primary) !important;
}

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

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

/* Tablas */
[data-theme="dark"] .table {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .table th {
    background: rgba(10, 26, 49, 0.70) !important;
    color: var(--text-primary) !important;
    border-bottom: 1px solid rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] .table td {
    color: var(--text-secondary) !important;
    border-bottom: 1px solid rgba(212, 175, 100, 0.45) !important;
}

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

/* Formularios */
[data-theme="dark"] .filter-group input,
[data-theme="dark"] .filter-group select,
[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group select,
[data-theme="dark"] .form-group textarea {
    background: rgba(10, 26, 49, 0.60) !important;
    color: var(--text-primary) !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] .filter-group input:focus,
[data-theme="dark"] .filter-group select:focus,
[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group select:focus,
[data-theme="dark"] .form-group textarea:focus {
    border-color: #5FA8E8 !important;
    box-shadow: 0 0 0 4px rgba(95, 168, 232, 0.15) !important;
}

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

/* Botones secundarios */
[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn-clear,
[data-theme="dark"] .btn-cancel {
    background: rgba(255, 255, 255, 0.08) !important;
    color: var(--text-secondary) !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] .btn-secondary:hover,
[data-theme="dark"] .btn-clear:hover,
[data-theme="dark"] .btn-cancel:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    color: var(--text-primary) !important;
}

/* Badges */
[data-theme="dark"] .badge-active,
[data-theme="dark"] .badge-activa,
[data-theme="dark"] .badge-pagado,
[data-theme="dark"] .badge-presente {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #34D399 !important;
}

[data-theme="dark"] .badge-inactive,
[data-theme="dark"] .badge-inactiva {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #F87171 !important;
}

[data-theme="dark"] .badge-admin {
    background: rgba(140, 194, 240, 0.15) !important;
    color: #8CC2F0 !important;
}

[data-theme="dark"] .badge-user,
[data-theme="dark"] .badge-usuario,
[data-theme="dark"] .badge-confirmado,
[data-theme="dark"] .badge-consulta {
    background: rgba(95, 168, 232, 0.15) !important;
    color: #5FA8E8 !important;
}

[data-theme="dark"] .badge-pendiente,
[data-theme="dark"] .badge-ausente,
[data-theme="dark"] .badge-no-pagado {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #FBBF24 !important;
}

[data-theme="dark"] .badge-cancelado {
    background: rgba(148, 163, 184, 0.15) !important;
    color: #CBD5E1 !important;
}

[data-theme="dark"] .badge-control {
    background: rgba(6, 182, 212, 0.15) !important;
    color: #22D3EE !important;
}

[data-theme="dark"] .badge-otros {
    background: rgba(140, 194, 240, 0.15) !important;
    color: #8CC2F0 !important;
}

/* Stat cards */
[data-theme="dark"] .stat-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
}

[data-theme="dark"] .stat-card h3 {
    color: var(--text-primary) !important;
}

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

[data-theme="dark"] .stat-card.blue {
    background: linear-gradient(135deg, rgba(95, 168, 232, 0.25) 0%, rgba(17, 41, 74, 0.70) 100%) !important;
}

[data-theme="dark"] .stat-card.cyan {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.20) 0%, rgba(17, 41, 74, 0.70) 100%) !important;
}

[data-theme="dark"] .stat-card.pink {
    background: linear-gradient(135deg, rgba(236, 72, 153, 0.20) 0%, rgba(17, 41, 74, 0.70) 100%) !important;
}

[data-theme="dark"] .stat-card.purple {
    background: linear-gradient(135deg, rgba(140, 194, 240, 0.20) 0%, rgba(17, 41, 74, 0.70) 100%) !important;
}

[data-theme="dark"] .stat-card.green {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.20) 0%, rgba(17, 41, 74, 0.70) 100%) !important;
}

[data-theme="dark"] .stat-card.orange {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.20) 0%, rgba(17, 41, 74, 0.70) 100%) !important;
}

/* Alertas */
[data-theme="dark"] .alert-success {
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(16, 185, 129, 0.20) !important;
    color: #34D399 !important;
}

[data-theme="dark"] .alert-error {
    background: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(239, 68, 68, 0.20) !important;
    color: #F87171 !important;
}

/* Modales */
[data-theme="dark"] .modal {
    background: rgba(0, 0, 0, 0.60) !important;
}

/* Paginación */
[data-theme="dark"] .pagination a,
[data-theme="dark"] .pagination span {
    background: rgba(17, 41, 74, 0.80) !important;
    color: var(--text-primary) !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] .pagination .active span,
[data-theme="dark"] .pagination .current {
    background: linear-gradient(135deg, #163F73 0%, #3D7FC2 100%) !important;
    color: #ffffff !important;
}

/* Permisos */
[data-theme="dark"] .permissions-title {
    color: var(--text-primary) !important;
}

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

[data-theme="dark"] .permission-item {
    background: rgba(17, 41, 74, 0.60) !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] .permission-item.checked {
    background: rgba(95, 168, 232, 0.15) !important;
    border-color: #5FA8E8 !important;
}

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

[data-theme="dark"] .permission-item label i {
    color: #5FA8E8 !important;
}

/* Scrollbar sidebar */
[data-theme="dark"] .sidebar-nav::-webkit-scrollbar-thumb {
    background: rgba(95, 168, 232, 0.25) !important;
}

[data-theme="dark"] .sidebar-nav::-webkit-scrollbar-thumb:hover {
    background: rgba(95, 168, 232, 0.40) !important;
}

/* Revertir override de estilos inline oscuros */
[data-theme="dark"] [style*="background: #11294A"],
[data-theme="dark"] [style*="background:#11294A"],
[data-theme="dark"] [style*="background: #0A1A31"],
[data-theme="dark"] [style*="background:#0A1A31"] {
    background: #11294A !important;
}

[data-theme="dark"] [style*="color: #e2e8f0"],
[data-theme="dark"] [style*="color:#e2e8f0"],
[data-theme="dark"] [style*="color: #f1f5f9"],
[data-theme="dark"] [style*="color:#f1f5f9"] {
    color: #f1f5f9 !important;
}

[data-theme="dark"] [style*="color: #94a3b8"],
[data-theme="dark"] [style*="color:#94a3b8"],
[data-theme="dark"] [style*="color: #cbd5e1"],
[data-theme="dark"] [style*="color:#cbd5e1"] {
    color: #cbd5e1 !important;
}

/* Login */
[data-theme="dark"] .login-container {
    background: rgba(17, 41, 74, 0.85) !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.30),
                inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .login-container:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.40),
                inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

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

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

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

[data-theme="dark"] .form-group input {
    background: rgba(10, 26, 49, 0.60) !important;
    color: var(--text-primary) !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] .form-group input:focus {
    background: rgba(10, 26, 49, 0.80) !important;
    border-color: #5FA8E8 !important;
    box-shadow: 0 0 0 4px rgba(95, 168, 232, 0.15), inset 0 2px 4px rgba(0, 0, 0, 0.10) !important;
}

[data-theme="dark"] .form-group input::placeholder {
    color: #64748B !important;
}

[data-theme="dark"] .form-group i {
    color: #64748B !important;
}

[data-theme="dark"] .form-group:focus-within i {
    color: #5FA8E8 !important;
}

[data-theme="dark"] .error-message {
    background: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(239, 68, 68, 0.20) !important;
    color: #F87171 !important;
}

[data-theme="dark"] .login-footer {
    color: #64748B !important;
}

/* ===== AJUSTES PARA ESTILOS INLINE DEL DASHBOARD Y MÓDULOS ===== */

/* Fondos grises claros */
[data-theme="dark"] [style*="background:rgba(248,250,252"],
[data-theme="dark"] [style*="background:rgba(248, 250, 252"] {
    background: rgba(17, 41, 74, 0.80) !important;
}

/* Fondos de acento muy suaves del dashboard */
[data-theme="dark"] [style*="background:rgba(22, 63, 115,0.04)"],
[data-theme="dark"] [style*="background:rgba(22, 63, 115, 0.04)"] {
    background: rgba(95, 168, 232, 0.15) !important;
}

[data-theme="dark"] [style*="background:rgba(16,185,129,0.06)"],
[data-theme="dark"] [style*="background:rgba(16, 185, 129, 0.06)"] {
    background: rgba(16, 185, 129, 0.12) !important;
}

[data-theme="dark"] [style*="background:rgba(61, 127, 194,0.08)"],
[data-theme="dark"] [style*="background:rgba(61, 127, 194, 0.08)"] {
    background: rgba(140, 194, 240, 0.18) !important;
}

[data-theme="dark"] [style*="background:rgba(236,72,153,0.06)"],
[data-theme="dark"] [style*="background:rgba(236, 72, 153, 0.06)"] {
    background: rgba(236, 72, 153, 0.12) !important;
}

/* Alertas amarillas suaves */
[data-theme="dark"] [style*="background:rgba(254,243,199,0.4)"],
[data-theme="dark"] [style*="background:rgba(254, 243, 199, 0.4)"] {
    background: rgba(245, 158, 11, 0.15) !important;
}

/* Bordes claros */
[data-theme="dark"] [style*="border:1px solid rgba(0,0,0,0.03)"],
[data-theme="dark"] [style*="border: 1px solid rgba(0, 0, 0, 0.03)"] {
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] [style*="border:1px solid rgba(245,158,11,0.15)"],
[data-theme="dark"] [style*="border: 1px solid rgba(245, 158, 11, 0.15)"] {
    border: 1px solid rgba(245, 158, 11, 0.25) !important;
}

/* Fondos blancos puros en inline */
[data-theme="dark"] [style*="background:#ffffff"],
[data-theme="dark"] [style*="background: #ffffff"],
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: #fff"] {
    background: #11294A !important;
}

/* Otros fondos oscuros comunes en módulos */
[data-theme="dark"] [style*="background:#334155"],
[data-theme="dark"] [style*="background: #334155"] {
    background: #334155 !important;
}

[data-theme="dark"] [style*="background:#475569"],
[data-theme="dark"] [style*="background: #475569"] {
    background: #475569 !important;
}

[data-theme="dark"] [style*="background:#374151"],
[data-theme="dark"] [style*="background: #374151"] {
    background: #374151 !important;
}

[data-theme="dark"] [style*="background:#071427"],
[data-theme="dark"] [style*="background: #071427"] {
    background: #071427 !important;
}

/* Bordes oscuros comunes en módulos */
[data-theme="dark"] [style*="border-bottom:1px solid #334155"],
[data-theme="dark"] [style*="border-bottom: 1px solid #334155"],
[data-theme="dark"] [style*="border-top:1px solid #334155"],
[data-theme="dark"] [style*="border-top: 1px solid #334155"],
[data-theme="dark"] [style*="border-top:2px solid #334155"],
[data-theme="dark"] [style*="border-top: 2px solid #334155"] {
    border-color: rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] [style*="border:1px solid #475569"],
[data-theme="dark"] [style*="border: 1px solid #475569"] {
    border-color: rgba(212, 175, 100, 0.45) !important;
}

/* Textos claros comunes en módulos */
[data-theme="dark"] [style*="color:#e2e8f0"],
[data-theme="dark"] [style*="color: #e2e8f0"],
[data-theme="dark"] [style*="color:#f1f5f9"],
[data-theme="dark"] [style*="color: #f1f5f9"] {
    color: #f1f5f9 !important;
}

[data-theme="dark"] [style*="color:#94a3b8"],
[data-theme="dark"] [style*="color: #94a3b8"],
[data-theme="dark"] [style*="color:#cbd5e1"],
[data-theme="dark"] [style*="color: #cbd5e1"] {
    color: #cbd5e1 !important;
}

[data-theme="dark"] [style*="color:#6b7280"],
[data-theme="dark"] [style*="color: #6b7280"] {
    color: #94a3b8 !important;
}

/* ===== FORZAR OSCURO EN MÓDULOS ===== */

/* Fondo principal */
[data-theme="dark"] body {
    background: #0A1A31 !important;
    color: #F1F5F9 !important;
}

[data-theme="dark"] .main-content,
[data-theme="dark"] .content {
    background: transparent !important;
}

/* Tarjetas y contenedores de módulos */
[data-theme="dark"] .stat-card {
    background: #11294A !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] .stat-card h3 {
    color: #5FA8E8 !important;
}

[data-theme="dark"] .stat-card p {
    color: #94A3B8 !important;
}

[data-theme="dark"] .table-container,
[data-theme="dark"] .card,
[data-theme="dark"] .form-container,
[data-theme="dark"] .modal-content {
    background: rgba(17, 41, 74, 0.95) !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] .table th {
    background: #334155 !important;
    color: #F1F5F9 !important;
    border-bottom: 1px solid rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] .table td {
    color: #CBD5E1 !important;
    border-bottom: 1px solid rgba(212, 175, 100, 0.45) !important;
}

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

/* ===== FILTROS EN BLANCO ===== */

[data-theme="dark"] body .filters-container {
    background: #F8FAFC !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="dark"] body .filters-container .filter-group label {
    color: #0A1A31 !important;
}

[data-theme="dark"] body .filters-container .filter-group input,
[data-theme="dark"] body .filters-container .filter-group select,
[data-theme="dark"] body .filters-container .filter-group textarea {
    background: #FFFFFF !important;
    color: #0A1A31 !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] body .filters-container .filter-group input:focus,
[data-theme="dark"] body .filters-container .filter-group select:focus,
[data-theme="dark"] body .filters-container .filter-group textarea:focus {
    border-color: #163F73 !important;
    box-shadow: 0 0 0 4px rgba(22, 63, 115, 0.08) !important;
}

[data-theme="dark"] body .filters-container .filter-group input::placeholder,
[data-theme="dark"] body .filters-container .filter-group textarea::placeholder {
    color: #64748B !important;
}

/* Botones dentro de filtros para que se lean sobre fondo claro */
[data-theme="dark"] body .filters-container .btn-clear,
[data-theme="dark"] body .filters-container .btn-cancel {
    background: #FFFFFF !important;
    color: #64748B !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] body .filters-container .btn-clear:hover,
[data-theme="dark"] body .filters-container .btn-cancel:hover {
    background: #F1F5F9 !important;
    color: #0A1A31 !important;
}

/* ===== AJUSTES SOLICITADOS ===== */

/* Título Hospital San Roque UTI en sidebar - forzar blanco */
[data-theme="dark"] .sidebar .sidebar-header h2,
[data-theme="dark"] .sidebar-header h2 {
    color: #FFFFFF !important;
}

/* Título del header (Panel de Control) - forzar blanco */
[data-theme="dark"] .header h1,
[data-theme="dark"] body .header h1 {
    color: #FFFFFF !important;
}

/* Títulos de página en módulos - forzar blanco */
[data-theme="dark"] .page-title,
[data-theme="dark"] body .page-title,
[data-theme="dark"] .content .page-title,
[data-theme="dark"] .main-content .page-title {
    color: #FFFFFF !important;
}

/* Filtros en color oscuro */
[data-theme="dark"] body .filters-container {
    background: #11294A !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
    box-shadow: none !important;
}

[data-theme="dark"] body .filters-container .filter-group label {
    color: #94A3B8 !important;
}

[data-theme="dark"] body .filters-container .filter-group input,
[data-theme="dark"] body .filters-container .filter-group select,
[data-theme="dark"] body .filters-container .filter-group textarea {
    background: #0A1A31 !important;
    color: #F1F5F9 !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] body .filters-container .filter-group input:focus,
[data-theme="dark"] body .filters-container .filter-group select:focus,
[data-theme="dark"] body .filters-container .filter-group textarea:focus {
    border-color: #5FA8E8 !important;
    box-shadow: 0 0 0 4px rgba(95, 168, 232, 0.15) !important;
}

[data-theme="dark"] body .filters-container .filter-group input::placeholder,
[data-theme="dark"] body .filters-container .filter-group textarea::placeholder {
    color: #64748B !important;
}

/* Botones secundarios dentro de filtros para que combinen */
[data-theme="dark"] body .filters-container .btn-clear,
[data-theme="dark"] body .filters-container .btn-cancel {
    background: #334155 !important;
    color: #F1F5F9 !important;
    border: 1px solid rgba(212, 175, 100, 0.45) !important;
}

[data-theme="dark"] body .filters-container .btn-clear:hover,
[data-theme="dark"] body .filters-container .btn-cancel:hover {
    background: #475569 !important;
    color: #FFFFFF !important;
}