/* NOTIFICACIONES EMERGENTES: el toast de Bootstrap tal como lo usa Color Admin (cabecera con icono, titulo, hora y cerrar; cuerpo con el mensaje), apilados arriba a la derecha.
   Las arma alert_msg() (Assets/js/functions.js); la pide el panel (head.php) y las pantallas de acceso (login y restablecer contrasena). Colores del tema: sirven en claro y en oscuro. */
.wf-toasts{position:fixed;top:calc(var(--wf-header-h,56px) + 12px);right:16px;z-index:2000;width:350px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:12px;pointer-events:none;}
.wf-toasts .toast{pointer-events:auto;width:100%;max-width:none;font-size:13px;background:var(--wf-surface,#fff);color:var(--wf-text,#2d353c);border:1px solid var(--wf-border,#d5dbe0);border-radius:8px;box-shadow:var(--wf-sh);backdrop-filter:none;}
.wf-toasts .toast-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--wf-surface,#fff);color:var(--wf-text,#2d353c);border-bottom:1px solid var(--wf-border-2,#e4e7ea);}
.wf-toasts .toast-header strong{flex:1;min-width:0;font-size:13px;font-weight:600;}
.wf-toasts .toast-header small{flex:none;font-size:11.5px;font-weight:500;color:var(--wf-muted,#6f8293);}
.wf-toasts .toast-header .wf-toast-ic{flex:none;font-size:15px;}
.wf-toasts .toast-header .close{flex:none;margin:0;padding:0;font-size:14px;line-height:1;color:var(--wf-muted,#6f8293);opacity:1;text-shadow:none;background:none;border:0;cursor:pointer;}
.wf-toasts .toast-header .close:hover{color:var(--wf-text,#2d353c);}
.wf-toasts .toast-body{padding:12px;white-space:pre-line;overflow-wrap:anywhere;line-height:1.45;}
.wf-toast-success .wf-toast-ic{color:#32A932;}
.wf-toast-error .wf-toast-ic{color:#FF5B57;}
.wf-toast-warning .wf-toast-ic{color:#F49C1A;}
.wf-toast-info .wf-toast-ic{color:#0D84EF;}
.wf-toast-loader .wf-toast-ic{color:var(--wf-accent,#00ACAC);}
@media (max-width:575.98px){
    .wf-toasts{left:16px;right:16px;width:auto;max-width:none;}
}