/* royal.css — "royal gold" finish on the whole dashboard, for DONORS + the
   architect. Additive + reversible: everything is gated under `#app.royal`,
   which Alpine sets only when (isArchitect || sessionTier === 'vip1'). Public /
   free viewers see the normal theme untouched. Loaded LAST so it wins.
   M0z4r 2026-07-07. */

:root{ --royal:#f5c542; --royal-deep:#e0a41f; }

/* ── Card frames: gold border + outer ring + soft top sheen + warm glow ── */
#app.royal .card{
  border-color:rgba(245,197,66,.34);
  background:
    linear-gradient(180deg, rgba(245,197,66,.055), rgba(245,197,66,0) 46%),
    var(--bg2);
  box-shadow:
    0 0 0 1px rgba(245,197,66,.08),
    0 1px 0 rgba(245,197,66,.10) inset,
    0 20px 48px -30px rgba(245,158,11,.55);
}
#app.royal .card:hover,
#app.royal .card-click:hover{ border-color:rgba(245,197,66,.55); }

/* Card titles in gold gradient for that regal touch */
#app.royal .card-title{
  background:linear-gradient(180deg,#ffe9a8,var(--royal-deep));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* Pills / chips get a gold-tinted frame */
#app.royal .pill{ border-color:rgba(245,197,66,.30); }

/* Section titles pick up a warm gold */
#app.royal .section-title{ color:var(--royal); }

/* The active sidebar / nav item glows gold (royal navigation) */
#app.royal .navitem.active,
#app.royal .tab-btn.active{
  border-color:rgba(245,197,66,.45);
  box-shadow:0 0 0 1px rgba(245,197,66,.12), 0 8px 22px -12px rgba(245,158,11,.5);
}

/* A faint gold crown watermark on the account name — you're royalty here */
#app.royal .acct-name::after{ content:" 👑"; font-size:.85em; opacity:.9; }