/** * AIDA — estilos Toastr (modo claro / oscuro). * Acotado a #toast-container para no chocar con los componentes .toast de Bootstrap 5. */ /* Modo claro */ #toast-container .toast { background-color: #fff !important; color: #333 !important; } #toast-container .toast-title, #toast-container .toast-header { color: #333 !important; } #toast-container .toast-success { border-left: 5px solid #28c76f !important; } #toast-container .toast-error { border-left: 5px solid #dc3545 !important; } #toast-container .toast-info { border-left: 5px solid #17a2b8 !important; } #toast-container .toast-warning { border-left: 5px solid #ffc107 !important; } /* Modo oscuro (Bootstrap 5.3: data-bs-theme en ) */ html[data-bs-theme="dark"] #toast-container .toast { background-color: #333 !important; color: #fff !important; } html[data-bs-theme="dark"] #toast-container .toast-title, html[data-bs-theme="dark"] #toast-container .toast-header { color: #fff !important; } /* Compatibilidad si en algún layout se usa clase .dark-mode */ .dark-mode #toast-container .toast { background-color: #333 !important; color: #fff !important; } .dark-mode #toast-container .toast-title, .dark-mode #toast-container .toast-header { color: #fff !important; }