/* ============================================================ ADMIN SHELL — Phase 1 (structure, navigation & clarity ONLY) Shared by: admin.html, settings.html, retention.html, marketing.html, recovery.html Rules of this phase: • NO new colour palette — the active state uses currentColor, so each page keeps its existing link colour. • Structure / spacing / layout only. No aesthetic redesign. Loaded LAST in so it wins over per-page CSS where needed. ============================================================ */ /* — Unified navbar: let the fuller (consistent) link set wrap instead of overflowing. Purely structural. — */ .admin-navbar .nav-links{flex-wrap:wrap;row-gap:4px;align-items:center} .admin-navbar .nav-links .nav-sep{ width:1px;height:18px;background:currentColor;opacity:.22;margin:0 2px;padding:0; } /* — "You are here": weight + underline in the link's OWN colour — */ .admin-navbar .nav-links a.is-active{ font-weight:600;border-bottom:2px solid currentColor;padding-bottom:2px; } /* — Standardized page header: title + subtitle + one primary action — */ .page-head{ display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap; } .page-head__text{min-width:0} .page-head__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .page-head__actions .btn, .page-head__actions button{white-space:nowrap} /* — Grouping headings for the long Settings page (clarity only; cards themselves are untouched) — */ .settings-group-title{ font-family:'Playfair Display',Georgia,serif; font-size:15px;letter-spacing:.03em;text-transform:uppercase;opacity:.68; margin:30px 0 6px;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.08); } .settings-group-title:first-of-type{margin-top:10px}