/*
 * BUG-057 — Override dark mode para Blazored.Toast 4.2.1
 *
 * El CSS empaquetado del paquete (_content/Blazored.Toast/Blazored.Toast.bundle.scp.css)
 * usa scoped CSS con atributos [b-jnm4noxjw5] / [b-y65zu6vhcs] y colores claros hardcoded
 * (background-color: #fff; color: #1D1D1B;). No esta scopeado bajo body.dark, por lo que el
 * toast queda con fondo claro aunque el dark mode este activo.
 *
 * Estas reglas se aplican SOLO bajo body.dark (no afectan el modo claro). La especificidad
 * de `body.dark .blazored-toast-container .blazored-toast` (1 elemento + 3 clases = 0,4,1)
 * supera la del scoped CSS de Blazored (`.blazored-toast[b-jnm4noxjw5]` = clase + atributo =
 * 0,2,0), de modo que no se requiere !important.
 *
 * Paleta tomada del tema oscuro del template Cork (wwwroot/assets/css/dark/main.css):
 *   fondo panel     #1b2e4b
 *   borde / sombra  #0e1726
 *   texto claro     #e0e6ed
 *   success         #1abc9c   error #e7515a   warning #e2a03f   info #2196f3
 */

/* Contenedor base del toast en dark mode */
body.dark .blazored-toast-container .blazored-toast {
    background-color: #1b2e4b;
    color: #e0e6ed;
    border-top-color: #0e1726;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 10px 30px 2px;
}

/* Texto del mensaje */
body.dark .blazored-toast-container .blazored-toast .blazored-toast-message {
    color: #e0e6ed;
}

/* Variantes: borde superior + color de icono por tipo */
body.dark .blazored-toast-container .blazored-toast-success {
    border-top-color: #1abc9c;
}
body.dark .blazored-toast-container .blazored-toast-success .blazored-toast-icon {
    color: #1abc9c;
}

body.dark .blazored-toast-container .blazored-toast-error {
    border-top-color: #e7515a;
}
body.dark .blazored-toast-container .blazored-toast-error .blazored-toast-icon {
    color: #e7515a;
}

body.dark .blazored-toast-container .blazored-toast-warning {
    border-top-color: #e2a03f;
}
body.dark .blazored-toast-container .blazored-toast-warning .blazored-toast-icon {
    color: #e2a03f;
}

body.dark .blazored-toast-container .blazored-toast-info {
    border-top-color: #2196f3;
}
body.dark .blazored-toast-container .blazored-toast-info .blazored-toast-icon {
    color: #2196f3;
}

/* Boton de cierre */
body.dark .blazored-toast-container .blazored-toast .blazored-toast-close {
    color: #888ea8;
}
body.dark .blazored-toast-container .blazored-toast .blazored-toast-close:hover {
    color: #e0e6ed;
}

/*
 * Clase custom configurada en Routes.razor:12 (SuccessClass="success-toast-override").
 * Se aplica a los toasts de exito. Reforzamos el acento success bajo body.dark para
 * mantener coherencia con la variante estandar.
 */
body.dark .blazored-toast-container .success-toast-override {
    border-top-color: #1abc9c;
}
body.dark .blazored-toast-container .success-toast-override .blazored-toast-icon {
    color: #1abc9c;
}