/* Toastify – simple bottom-right toasts */
.toastify-container {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 9999;
    display: flex;
    flex-direction: column-reverse; /* toast mới ở dưới cùng */
    gap: 0.5rem;
    pointer-events: none; /* để click xuyên qua vùng trống */
}

.toastify-toast {
    min-width: 220px;
    max-width: 320px;
    background: rgba(20, 20, 20, 0.95);
    color: #fff;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 4px 16px rgba(0,0,0,0.25);
    font-size: 0.9rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: auto; /* toast vẫn click được */
}

.toastify-toast.show {
    opacity: 1;
    transform: translateY(0);
}

.toastify-toast.hide {
    opacity: 0;
    transform: translateY(10px);
}

.toastify-icon {
    margin-top: 2px;
    font-size: 1rem;
}

.toastify-content {
    flex: 1;
}

.toastify-title {
    font-weight: 600;
    margin-bottom: 0.15rem;
}

.toastify-message {
    font-size: 0.85rem;
}

/* Close button */
.toastify-close {
    border: none;
    background: none;
    color: inherit;
    cursor: pointer;
    font-size: 1rem;
    margin-left: 0.25rem;
    padding: 0;
    line-height: 1;
    opacity: 0.8;
}
.toastify-close:hover {
    opacity: 1;
}

/* Types */
.toastify-toast--success {
    background: rgba(16, 122, 67, 0.97);
}
.toastify-toast--error {
    background: rgba(160, 38, 38, 0.97);
}
.toastify-toast--info {
    background: rgba(32, 86, 155, 0.97);
}
.toastify-toast--warning {
    background: rgba(180, 111, 20, 0.97);
}