.toast-container {
    position: fixed;
    top: calc(var(--navbar-height) + 16px);
    right: 16px;
    z-index: var(--z-toast);
    display: flex;
    flex-direction: column;
    gap: 8px;
    pointer-events: none;
}

.toast {
    pointer-events: auto;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    box-shadow: var(--shadow-lg);
    animation: toastIn 0.3s ease;
    max-width: 360px;
}

.toast-warning {
    background: var(--color-warning-bg);
    color: #92400E;
    border: 1px solid #FDE68A;
}

.toast-error {
    background: var(--color-error-bg);
    color: #991B1B;
    border: 1px solid #FECACA;
}

.toast-success {
    background: var(--color-success-bg);
    color: #166534;
    border: 1px solid #BBF7D0;
}

.toast-info {
    background: var(--color-info-bg);
    color: #1E40AF;
    border: 1px solid #BFDBFE;
}

.toast.fade-out {
    animation: toastOut 0.3s ease forwards;
}

@keyframes toastIn {
    from { opacity: 0; transform: translateX(40px); }
    to   { opacity: 1; transform: translateX(0); }
}

@keyframes toastOut {
    from { opacity: 1; transform: translateX(0); }
    to   { opacity: 0; transform: translateX(40px); }
}

.gre-app{--z-toast:100000;--shadow-lg:0 10px 24px rgba(15,23,42,.16);--color-warning-bg:#fffbeb;--color-error-bg:#fef2f2;--color-success-bg:#f0fdf4;--color-info-bg:#eff6ff}
.gre-app .exit-confirm-title{margin:0 0 8px}.gre-app .exit-confirm-desc{margin:0 0 24px}

.gre-app{--navbar-height:62px}
@media(max-width:767px){.gre-app{--navbar-height:56px}}