/* ───────────────────────────────────────────────────────────────────────── chrome.css — global "chrome" styles injected on EVERY page (Judy-owned). ONE place to change shared UI that appears across pages. Injected site-wide via functions/_middleware.js (appended to so it wins over each page's own inline styles). Change a rule here → every client, every page updates. Currently owns: • .admin-back — the "← Back to Dashboard" button (top-right on every sub-page). Kept bright + readable and IDENTICAL everywhere (Kevin, 2026-07-07: this bar must be universal — change it once, it changes on all pages). ───────────────────────────────────────────────────────────────────────── */ /* a.admin-back (element+class) outranks any page's own `.admin-back` inline rule, so this bright style wins on EVERY page + client — no more per-page drift. */ a.admin-back { font-size: 13px !important; font-weight: 700 !important; color: rgba(255, 255, 255, 0.98) !important; text-decoration: none !important; padding: 7px 15px !important; background: rgba(255, 255, 255, 0.12) !important; border: 1px solid rgba(255, 255, 255, 0.42) !important; border-radius: 6px !important; transition: all 0.15s !important; white-space: nowrap !important; } a.admin-back:hover { color: #fff !important; background: rgba(255, 255, 255, 0.20) !important; border-color: rgba(255, 255, 255, 0.60) !important; } /* Mobile (≤1024px): the hero banner already shows a "☰ Your Pages" button in its top-right corner, so move the hero Home button to the top-LEFT there to avoid overlap. Targets the hero Home link on every client's dashboard — no per-page edit needed. */ @media (max-width: 1024px) { .client-hero a[href="HOME.html"] { left: 16px !important; right: auto !important; } }