/* ── Toast dùng chung cho danh sách và màn hình lập thực đơn ── */
.toast {
    position: fixed;
    /* Đưa điểm neo xuống 1/3 chiều cao viewport và 50% chiều ngang */
    top: 30dvh;
    left: 47%;
    bottom: auto;
    right: auto;
    z-index: 10000;
    max-width: min(520px, calc(100vw - 32px));
    padding: 12px 18px;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    box-shadow: 0 8px 24px rgba(18, 44, 29, .22);
    opacity: 0;
    pointer-events: none;
    /* Dịch ngược 50% width/height của chính toast để tâm toast nằm đúng mốc 1/3 */
    transform: translate(-50%, calc(-50% - 12px));
    transition: opacity .2s ease, transform .2s ease;
}
.toast.show { opacity: 1; transform: translateY(0); }
.toast-success { background: #087b39; }
.toast-error { background: #c62828; }