/* ===== Global project toast ===== */
.project-toast-container{
    position:fixed;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
    z-index:9999;
    width:min(390px,calc(100vw - 40px));
    display:grid;
    gap:10px;
    pointer-events:none;
    direction:rtl;
}
.project-toast{
    --toast-color:var(--accent,#4f46e5);
    --toast-bg:var(--surface,#fff);
    --toast-border:var(--border,#e2e8f0);
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:11px;
    min-height:58px;
    padding:10px 12px;
    border:1px solid var(--toast-border);
    border-right:3px solid var(--toast-color);
    border-radius:12px;
    background:var(--toast-bg);
    color:var(--text,#0f172a);
    box-shadow:0 16px 42px rgba(15,23,42,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    opacity:0;
    transform:translateY(18px) scale(.98);
    transition:opacity .2s ease,transform .2s ease;
    pointer-events:auto;
    font-family:var(--font,inherit);
}
.project-toast.is-visible{opacity:1;transform:translateY(0) scale(1)}
.project-toast.is-leaving{opacity:0;transform:translateY(18px) scale(.98)}
.project-toast__icon{
    width:34px;height:34px;border-radius:9px;
    display:grid;place-items:center;
    color:var(--toast-color);
    background:color-mix(in srgb,var(--toast-color) 11%,transparent);
    font-size:15px;
}
.project-toast__content{min-width:0}
.project-toast__title{font-size:.78rem;font-weight:800;line-height:1.5}
.project-toast__message{margin-top:1px;color:var(--text-2,#64748b);font-size:.7rem;line-height:1.7}
.project-toast__close{
    width:28px;height:28px;border:0;background:transparent;color:var(--text-3,#94a3b8);
    border-radius:7px;display:grid;place-items:center;cursor:pointer;font-size:15px
}
.project-toast__close:hover{background:var(--surface-2,#f8fafc);color:var(--text,#0f172a)}
.project-toast--success{--toast-color:var(--success,#16a34a)}
.project-toast--error{--toast-color:var(--danger,#dc2626)}
.project-toast--warning{--toast-color:var(--warning,#d97706)}
.project-toast--info{--toast-color:var(--accent,#4f46e5)}
@media(max-width:600px){
    .project-toast-container{bottom:12px;left:50%;width:calc(100vw - 24px);transform:translateX(-50%)}
}