/* ==========================================================
   ACCEL AIR / A·TEMP — QUOTE BUILDER
   TOASTS
   On-screen confirmation for the actions that otherwise finish silently.

   Part 6 of 9. Loaded by index.html in numbered order and
   CASCADES IN THAT ORDER — a rule here can be overridden by any later
   part, so keep the <link> tags in sequence and add new parts at the
   position they belong, not at the end.
   ========================================================== */
/* ══════════════════════════════════════════════════════════
   TOASTS
   On-screen confirmation for the actions that otherwise finish silently —
   the quote email going out, and the print / save dialog closing. Above the
   quote modal (z-index 100), never printed.
   ══════════════════════════════════════════════════════════ */
.toast-wrap{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:200;
  display:flex;flex-direction:column;gap:9px;width:min(430px,calc(100vw - 24px));
  pointer-events:none}                      /* clicks fall through the gaps */
.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:11px;
  background:#fff;border-radius:11px;padding:12px 13px;border-left:4px solid var(--p);
  box-shadow:0 12px 34px rgba(17,32,45,.24);animation:toastIn .22s ease-out}
.toast.is-ok{border-left-color:var(--ok)}
.toast.is-err{border-left-color:var(--red)}
.toast .tst-ic{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-size:.78rem;font-weight:900;
  background:var(--bg);color:var(--pd)}
.toast.is-ok .tst-ic{background:#e6f6ec;color:var(--ok)}
.toast.is-err .tst-ic{background:#fdecea;color:var(--red)}
.toast .tst-b{flex:1;min-width:0}
.toast .tst-t{font-weight:800;font-size:.87rem;color:var(--ink);line-height:1.3}
.toast .tst-d{font-size:.76rem;color:var(--soft);line-height:1.45;margin-top:3px;
  overflow-wrap:anywhere}
.toast .tst-x{flex-shrink:0;background:none;border:none;color:#9aa7b4;cursor:pointer;
  font-size:.82rem;line-height:1;padding:2px 3px;border-radius:5px}
.toast .tst-x:hover{color:var(--ink);background:var(--f)}
.toast.out{animation:toastOut .18s ease-in forwards}
@keyframes toastIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes toastOut{to{opacity:0;transform:translateY(-10px) scale(.98)}}