﻿.toast {
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%) translateY(80px);
    background: var(--surface);
    border: 1px solid var(--blue);
    color: var(--silver);
    padding: 14px 32px;
    font-family: var(--font-mono);
    font-size: .78rem;
    letter-spacing: 1px;
    z-index: 9999;
    transition: transform .35s cubic-bezier(.4,0,.2,1), opacity .35s;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 0 40px var(--blue-glow);
    white-space: nowrap;
    border-radius: 2px;
    min-width: 280px;
    text-align: center;
}

    .toast.show {
        transform: translateX(-50%) translateY(0);
        opacity: 1;
    }

    .toast.error {
        border-color: #e05555;
        box-shadow: 0 0 30px rgba(224,85,85,.2);
        color: #ef9a9a;
    }

/* Admin toast (khác vị trí - bottom right) */
.admin-toast {
    position: fixed;
    bottom: 24px;
    right: 24px;
    padding: 12px 20px;
    background: var(--bg3);
    border: 1px solid var(--border2);
    border-left: 3px solid var(--green);
    border-radius: var(--radius);
    color: #a5d6a7;
    font-family: var(--font-mono);
    font-size: .75rem;
    letter-spacing: 1px;
    z-index: 9999;
    box-shadow: 0 8px 32px rgba(0,0,0,.5);
    animation: slideIn .3s ease;
    max-width: 320px;
}

    .admin-toast.err {
        border-left-color: var(--red);
        color: #ef9a9a;
    }

@@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}
