/* BRE|HQ member theme — loads AFTER brc.css (and the page's inline styles) and rebrands the
   member portal into the BRE|HQ light system: white/ice ground, deep navy type, restrained
   gold, Inter body + Cormorant display. Token remap first (brc.css components inherit most
   of the look from these), then targeted overrides for hardcoded dark values. */
:root{
  --navy:#263366; --blue:#2D3B78; --cyan:#1D4ED8;
  --gold:#c9a35c; --gold2:#b08d3f;
  --ink:#1F2937; --muted:#526581; --line:#E5EAF3;
  --ok:#177245; --warn:#a16207; --bad:#b3261e;
  --card:#ffffff; --cardline:#E5EAF3;
  --ice:#F7F9FD; --soft:#64748B;
}
body{
  font-family:Inter,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--ink);
  background:
    radial-gradient(1000px 420px at 85% -10%, rgba(201,163,92,.10), transparent 60%),
    linear-gradient(180deg,#ffffff 0%,var(--ice) 100%);
  background-attachment:fixed;
}
a{color:var(--cyan)}

/* masthead */
.brand .k{color:var(--gold2)}
.brand h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;color:var(--navy);font-size:26px}
.brand .sub{color:var(--soft)}
a.brand:hover h1{color:var(--gold2)}
.navlink{border:1px solid var(--line);background:#fff;color:var(--navy)}
.navlink.on{background:linear-gradient(135deg,#d9b878,var(--gold));color:#241a05;border-color:transparent}

/* cards & forms */
.card{background:#fff;border:1px solid var(--line);backdrop-filter:none;box-shadow:0 2px 6px rgba(38,51,102,.05)}
.card h2{color:var(--gold2)}
.card p.lead{color:var(--muted)}
label{color:var(--navy)}
input,select,textarea{background:#fff;border:1px solid #d6deed;color:var(--ink)}
input:focus,select:focus,textarea:focus{border-color:var(--gold)}
input::placeholder,textarea::placeholder{color:#9aa8bf}

/* buttons */
.blue{background:var(--navy);color:#fff}
.ghost{background:#fff;border:1px solid var(--line);color:var(--navy)}
.danger{background:#fdf0ef;border:1px solid #f2c7c3;color:var(--bad)}
.gold{background:linear-gradient(135deg,#d9b878,var(--gold));color:#241a05;box-shadow:0 8px 22px rgba(201,163,92,.30)}

/* messages & pills */
.msg{color:var(--blue)}
.msg.err{color:var(--bad)} .msg.ok{color:var(--ok)}
.pill.pending{background:#fdf6e7;color:#8a6d2c;border-color:#ecd9ae}
.pill.verified,.pill.pub{background:#e7f6ec;color:var(--ok);border-color:#bfe5cd}
.pill.rejected,.pill.suspended,.pill.offboarded,.pill.expired{background:#fdf0ef;color:var(--bad);border-color:#f2c7c3}
.pill.nopub{background:var(--ice);color:var(--soft);border-color:var(--line)}

/* partner / listing rows (portal inline styles hardcode dark values) */
.partner,.listing{background:var(--ice);border:1px solid var(--line)}
.partner .name,.listing .addr{color:var(--navy)}
.partner .meta,.listing .meta{color:var(--muted)}
.small{color:var(--soft)}

/* value-pitch section */
.pitem{background:#fff;border:1px solid var(--line)}
.pitem h4{color:var(--navy)}
.pitem p{color:var(--muted)}
.pstep{background:#fff;border:1px solid var(--line);color:var(--navy)}
.pstep b{color:var(--gold2)}
.authtab{background:#fff;border:1px solid var(--line);color:var(--navy)}
.authtab.on{background:linear-gradient(135deg,#d9b878,var(--gold));color:#241a05;border-color:transparent}

/* license rows / photo bits */
.licrow2 .stchip{background:var(--ice);border:1px solid var(--line);color:var(--navy)}
.photostrip img,.photostrip .pmore{border-color:var(--line)}
.pmore{background:var(--ice);color:var(--soft)}

/* modal + footer */
.overlay{background:rgba(38,51,102,.34);backdrop-filter:blur(3px)}
.footer{color:var(--soft)}
.hubcard{background:#fff;border:1px solid var(--line);color:var(--ink)}
.hubcard h3{color:var(--navy)}
.hubcard p{color:var(--muted)}

/* ---- MOBILE-FIRST ERGONOMICS: most members use the portal on their phones. ---- */
@media(max-width:640px){
  .wrap{padding:16px 14px 56px}
  .card{padding:18px 15px;border-radius:14px}
  /* 16px inputs stop iOS Safari's zoom-on-focus; taller fields for thumbs */
  input,select,textarea{font-size:16px;padding:13px 14px;border-radius:11px}
  label{font-size:10.5px;margin:12px 0 5px}
  /* 44px+ tap targets */
  button,.btn{padding:14px 18px;font-size:15px;border-radius:12px}
  button.sm,.btn.sm{padding:11px 14px;font-size:13px;border-radius:10px}
  .navlink{padding:11px 14px;font-size:13px}
  /* primary form buttons go full width — one obvious thumb target */
  #signin,#su_btn,#li_btn,#rs_btn,#nl_save,#fbSend{width:100%}
  /* action rows: buttons share the row width instead of cramping */
  .partner .row button,.partner .row .btn,.listing .row button,.listing .row .btn{flex:1 1 46%}
  .brand h1{font-size:22px}
  header.masthead{gap:10px}
  .authtab{padding:13px}
}