/* ============================================================ Site Header — SMSACTIVE Self-contained component: include this file + header.html's markup + header.js wherever the header should appear. ============================================================ */ /* Toast anchored under the header's profile/balance widget — see service-panel.js's showHeaderToast(). Position (top/right) is set inline per-call since it tracks the actual widget's location. */ .sw-toast{ position:fixed; background:#fdeceb; color:#b3261e; border:1px solid #f3c6c2; padding:9px 16px; border-radius:10px; font-size:13px; font-weight:600; box-shadow:0 8px 20px -8px rgba(0,0,0,.3); z-index:9999; opacity:0; transform:translateY(-6px); transition:opacity .2s ease, transform .2s ease; pointer-events:none; white-space:nowrap; } .sw-toast.is-visible{opacity:1;transform:translateY(0);} .sw-toast--success{background:#e5f6ee;color:#0f7a45;border-color:#bfe8d4;} .site-header{ --header-pill-bg:#0d3322; --header-overlay-rgb:255,255,255; --header-border:rgba(var(--header-overlay-rgb),.10); --header-text:#ffffff; --header-text-soft:#bfe0cf; position:relative; z-index:1000; padding:10px 0 14px; } /* Hidden by default — not behind a class auth-header.js has to add — so this takes effect from the very first paint, guaranteed by this stylesheet loading in before the body even starts parsing. Gating the hide behind a class that JS adds (the previous approach) still left a gap: that script tag sits near the bottom of the page, after several other synchronous