/* * Modo oscuro — cobertura global de vistas (complemento a app.css). * Depende de data-bs-theme="dark" en . */ /* —— Badges y contadores claros —— */ [data-bs-theme="dark"] .text-bg-light, [data-bs-theme="dark"] .badge.text-bg-light { color: var(--bs-body-color) !important; background-color: var(--bs-secondary-bg) !important; border: 1px solid var(--bs-border-color); } [data-bs-theme="dark"] .btn-primary .text-bg-light, [data-bs-theme="dark"] .btn-primary .badge.text-bg-light, [data-bs-theme="dark"] .nav-pills .nav-link.active .text-bg-light, [data-bs-theme="dark"] .nav-pills .nav-link.active .badge.text-bg-light { background-color: rgba(255, 255, 255, 0.92) !important; color: var(--bs-primary) !important; border-color: transparent; } [data-bs-theme="dark"] .btn-primary .text-bg-secondary, [data-bs-theme="dark"] .btn-primary .badge.text-bg-secondary { background-color: rgba(255, 255, 255, 0.2) !important; color: #fff !important; border-color: transparent; } [data-bs-theme="dark"] .badge.text-bg-warning { color: #1a1a1a; } [data-bs-theme="dark"] .badge.border { border-color: var(--bs-border-color) !important; } /* —— Tarjetas de listado —— */ [data-bs-theme="dark"] .app-main .card.shadow-sm > .card-header, [data-bs-theme="dark"] .app-main .card.border-0 > .card-header { background-color: var(--bs-secondary-bg); border-color: var(--bs-border-color) !important; } [data-bs-theme="dark"] .app-main .card.shadow-sm > .card-footer, [data-bs-theme="dark"] .app-main .card.border-0 > .card-footer { background-color: var(--bs-secondary-bg) !important; border-color: var(--bs-border-color) !important; } [data-bs-theme="dark"] .app-filter-card { background-color: var(--bs-body-bg); border-color: var(--bs-border-color) !important; } [data-bs-theme="dark"] .app-filter-card .btn-outline-secondary, [data-bs-theme="dark"] .app-main .card-header .btn-outline-secondary { border-color: var(--bs-border-color); color: var(--bs-body-color); } [data-bs-theme="dark"] .app-filter-card .btn-outline-secondary:hover, [data-bs-theme="dark"] .app-main .card-header .btn-outline-secondary:hover { background-color: rgba(255, 255, 255, 0.06); color: var(--bs-body-color); } /* —— Tablas —— */ [data-bs-theme="dark"] .app-main .table tbody tr { border-bottom-color: var(--bs-border-color-translucent); } [data-bs-theme="dark"] .app-main .table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.04) !important; } [data-bs-theme="dark"] .app-main .table-light { --bs-table-bg: rgba(255, 255, 255, 0.03); --bs-table-color: var(--bs-body-color); --bs-table-border-color: var(--bs-border-color); } [data-bs-theme="dark"] .app-main .table-premium thead th { color: var(--bs-primary); border-bottom-color: var(--bs-border-color); } [data-bs-theme="dark"] .app-main .table .text-muted { color: var(--bs-secondary-color) !important; } /* —— Paginación —— */ [data-bs-theme="dark"] .app-main .pagination .page-link { background-color: var(--bs-body-bg); border-color: var(--bs-border-color); color: var(--bs-body-color); } [data-bs-theme="dark"] .app-main .pagination .page-link:hover { background-color: rgba(var(--bs-primary-rgb), 0.12); color: var(--bs-primary); } [data-bs-theme="dark"] .app-main .pagination .page-item.active .page-link { background-color: var(--bs-primary); border-color: var(--bs-primary); color: #fff; } [data-bs-theme="dark"] .app-main .pagination .page-item.disabled .page-link { background-color: var(--bs-secondary-bg); color: var(--bs-secondary-color); } /* —— Formularios en listados —— */ [data-bs-theme="dark"] .app-main input[type="date"], [data-bs-theme="dark"] .app-main input[type="datetime-local"], [data-bs-theme="dark"] .app-main input[type="time"], [data-bs-theme="dark"] .app-main input[type="month"] { color-scheme: dark; } /* —— Navegación por pestañas / pills —— */ [data-bs-theme="dark"] .nav-pills .nav-link:not(.active) { color: var(--bs-body-color); } [data-bs-theme="dark"] .nav-pills .nav-link:not(.active):hover { background-color: rgba(255, 255, 255, 0.06); } /* —— Listas y menús —— */ [data-bs-theme="dark"] .list-group-item { background-color: var(--bs-body-bg); border-color: var(--bs-border-color); color: var(--bs-body-color); } [data-bs-theme="dark"] .list-group-item-action:hover, [data-bs-theme="dark"] .list-group-item-action:focus { background-color: rgba(255, 255, 255, 0.05); color: var(--bs-body-color); } [data-bs-theme="dark"] .dropdown-menu { background-color: var(--bs-secondary-bg); border-color: var(--bs-border-color); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.35); } [data-bs-theme="dark"] .dropdown-item { color: var(--bs-body-color); } [data-bs-theme="dark"] .dropdown-item:hover, [data-bs-theme="dark"] .dropdown-item:focus { background-color: rgba(255, 255, 255, 0.06); color: var(--bs-body-color); } [data-bs-theme="dark"] .dropdown-header { color: var(--bs-secondary-color); } [data-bs-theme="dark"] .dropdown-divider { border-color: var(--bs-border-color); } /* —— Botones outline —— */ [data-bs-theme="dark"] .btn-outline-secondary { border-color: var(--bs-border-color); color: var(--bs-body-color); } [data-bs-theme="dark"] .btn-outline-secondary:hover { background-color: rgba(255, 255, 255, 0.08); border-color: var(--bs-border-color); color: var(--bs-body-color); } [data-bs-theme="dark"] .btn-outline-warning { color: var(--bs-warning); border-color: rgba(var(--bs-warning-rgb), 0.5); } [data-bs-theme="dark"] .btn-outline-warning:hover { background-color: rgba(var(--bs-warning-rgb), 0.12); color: var(--bs-warning); } [data-bs-theme="dark"] .btn-outline-primary { color: var(--bs-primary); border-color: rgba(var(--bs-primary-rgb), 0.45); } [data-bs-theme="dark"] .btn-outline-primary:hover { background-color: rgba(var(--bs-primary-rgb), 0.12); color: var(--bs-primary); } /* —— Estados vacíos y secundarios —— */ [data-bs-theme="dark"] .app-main .text-center.text-muted, [data-bs-theme="dark"] .app-record-list__empty { color: var(--bs-secondary-color) !important; } [data-bs-theme="dark"] .app-record-list__item:hover { background-color: rgba(255, 255, 255, 0.03); } /* —— Matriz de permisos y formularios en tarjeta —— */ [data-bs-theme="dark"] .app-main .card .form-check-label { color: var(--bs-body-color); } [data-bs-theme="dark"] .app-main .card .border.rounded { border-color: var(--bs-border-color) !important; } /* —— Offcanvas sidebar móvil —— */ [data-bs-theme="dark"] .offcanvas { background-color: var(--bs-body-bg); border-color: var(--bs-border-color); } /* —— Páginas de invitado (login, registro) —— */ [data-bs-theme="dark"] body.bg-body .card.shadow { background-color: var(--bs-body-bg); border: 1px solid var(--bs-border-color) !important; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.35) !important; } [data-bs-theme="dark"] body.bg-body .text-muted { color: var(--bs-secondary-color) !important; } [data-bs-theme="dark"] .card-header.bg-body-tertiary { background-color: var(--bs-secondary-bg) !important; border-color: var(--bs-border-color) !important; } [data-bs-theme="dark"] .form-check.border.rounded { background-color: var(--bs-secondary-bg); border-color: var(--bs-border-color) !important; } [data-bs-theme="dark"] .modal-content { background-color: var(--bs-body-bg); border-color: var(--bs-border-color); } [data-bs-theme="dark"] .modal-header, [data-bs-theme="dark"] .modal-footer { border-color: var(--bs-border-color); } [data-bs-theme="dark"] .accordion-item { background-color: var(--bs-body-bg); border-color: var(--bs-border-color); } [data-bs-theme="dark"] .accordion-button { background-color: var(--bs-secondary-bg); color: var(--bs-body-color); } [data-bs-theme="dark"] .accordion-button:not(.collapsed) { background-color: rgba(var(--bs-primary-rgb), 0.12); color: var(--bs-primary); } [data-bs-theme="dark"] .accordion-body { background-color: var(--bs-body-bg); }