/* SaveBite – Toast Notifications */

.toast-container { position: fixed; bottom: 2rem; left: 2rem; display: flex; flex-direction: column; gap: 0.75rem; z-index: 2000; }

.toast {
    background: #FFFFFF; border: 1px solid rgba(14,14,16,.1); border-left: 4px solid var(--primary);
    padding: 1rem 1.25rem; border-radius: var(--radius-sm);
    color: #0E0E10; box-shadow: 0 8px 24px rgba(14,14,16,.14);
    display: flex; align-items: center; gap: 0.75rem;
    min-width: 280px; max-width: 400px;
    transform: translateX(-120%);
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease;
    opacity: 0;
}
.toast.show    { transform: translateX(0); opacity: 1; }
.toast.error   { border-left-color: var(--danger); }
.toast.info    { border-left-color: var(--accent); }
.toast.warning { border-left-color: var(--warning); }

.toast i             { font-size: 1.1rem; color: var(--primary); }
.toast.error   i     { color: var(--danger); }
.toast.info    i     { color: var(--accent); }
.toast.warning i     { color: var(--warning); }

.toast-content { flex-grow: 1; }
.toast-title   { font-size: 0.88rem; font-weight: 700; color: #0E0E10; }
.toast-msg     { font-size: 0.8rem; color: #6B6B72; margin-top: 0.15rem; }