/* Oculta contenedor de mensajes Django */
.dj-messages {
    display: none;
}

/* Toastify wrapper: NO debe pintar fondo */
.toastify {
    width: auto !important;
    max-width: 420px !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* SOLO tus toasts: quita el fondo default de Toastify */
.toastify.sade-toast {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* ───────── Toast “card” pro ───────── */
.toast {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    gap: 10px;

    padding: 12px 14px;
    border-radius: 14px;

    border: 1px solid rgba(15, 23, 42, .10);
    box-shadow: 0 18px 60px rgba(2, 8, 23, .16);
}


/* Accent bar izquierda */
.toast::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background: rgba(15, 23, 42, .25);
}

/* Icon + text */
.toast__icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin-top: 1px;
}

.toast__icon svg {
    width: 18px;
    height: 18px;
    display: block;
}

.toast__text {
    font-size: 13.5px;
    line-height: 1.25rem;
    font-weight: 650;
    letter-spacing: -.01em;
    color: rgba(15, 23, 42, .92);
}

/* ───────── Variantes (paleta pro) ───────── */
/* Nota: fondos tipo “tint” + borde y barra con color */
.toast--success {
    background: rgba(16, 185, 129, .16);
    border-color: rgba(16, 185, 129, .22);
}

.toast--success::before {
    background: rgba(16, 185, 129, .90);
}

.toast--success .toast__icon {
    color: #059669;
}

.toast--info {
    background: rgba(59, 130, 246, .14);
    border-color: rgba(59, 130, 246, .22);
}

.toast--info::before {
    background: rgba(59, 130, 246, .90);
}

.toast--info .toast__icon {
    color: #2563eb;
}

.toast--warning {
    background: rgba(245, 158, 11, .16);
    /* amber tint */
    border-color: rgba(245, 158, 11, .26);
}

.toast--warning::before {
    background: rgba(245, 158, 11, .92);
}

.toast--warning .toast__icon {
    color: #d97706;
}

.toast--error {
    background: rgba(239, 68, 68, .14);
    /* red tint */
    border-color: rgba(239, 68, 68, .24);
}

.toast--error::before {
    background: rgba(239, 68, 68, .92);
}

.toast--error .toast__icon {
    color: #dc2626;
}

/* Encima de todo */
.toastify.on {
    z-index: 999999 !important;
}

/* Quita la X default si aparece */
.toastify .toast-close {
    display: none !important;
}