﻿/* ── toast.css — minimal custom layer; Bootstrap handles structure ── */

/* Entrance animation */
@keyframes toast-slide-in {
    from {
        opacity: 0;
        transform: translateX(1.5rem);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Base toast override */
.toast {
    min-width: 280px;
    max-width: 360px;
    border-radius: 0.6rem !important;
    box-shadow: 0 4px 16px rgba(26, 22, 64, 0.14) !important;
    animation: toast-slide-in 0.22s ease forwards;
    border-left: 4px solid rgba(255,255,255,0.45) !important;
}

/* Type-specific left border accents */
.toast-info {
    border-left-color: #90cdf4 !important;
}

.toast-success {
    border-left-color: #6ee7b7 !important;
}

.toast-warning {
    border-left-color: #fcd34d !important;
    background-color: #d97706 !important;
}

.toast-danger {
    border-left-color: #fca5a5 !important;
}

/* Message text */
.toast-body {
    font-size: 0.8375rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.01em;
}

    /* Icon sizing handled inline; keep color consistent */
    .toast-body .bi {
        opacity: 0.92;
    }
