/* BrockDev Billing — BrockDev umbrella brand (blue), dark theme.
   Gold (PitBox/PitBot accent) is reserved for PitBot product cards ONLY,
   via .text-pitbox / .accent-pitbox / .btn-pitbox. Everything else is blue. */
:root{
  --bd-ink:#15171C; --bd-panel:#1a1c22; --bd-line:#262932;
  --bd-blue:#2E7BB8; --bd-deep:#1F4E79; --bd-blue-soft:rgba(46,123,184,.15);
  --bd-gold:#E8B800;                 /* PitBot accent — scoped use only */
  --bd-green:#36C177; --bd-red:#E5645B; --bd-blurple:#5865F2;
  --bd-text:#ECECEE; --bd-muted:#9aa0ad;
}
body{ background:var(--bd-ink); color:var(--bd-text); }

/* Accent helpers */
.text-accent{ color:var(--bd-blue)!important; }     /* BrockDev blue */
.text-pitbox{ color:var(--bd-gold)!important; }      /* PitBot gold — product cards only */

/* Brand wordmark */
.brand-logo{ font-weight:800; font-size:1.35rem; letter-spacing:-.5px; color:var(--bd-text); text-decoration:none; }
.brand-logo .accent{ color:var(--bd-blue); }
.brand-sub{ font-weight:600; font-size:.7rem; color:var(--bd-blue); margin-left:.45rem;
  text-transform:uppercase; letter-spacing:1px; vertical-align:middle; }

.bd-nav{ background:var(--bd-panel); border-bottom:1px solid var(--bd-line); }
.bd-avatar{ width:32px; height:32px; border-radius:50%; border:1px solid #333; }

.bd-card{ background:var(--bd-panel); border:1px solid var(--bd-line); border-radius:14px; padding:1.25rem 1.4rem; }
.bd-card-title{ font-weight:700; font-size:.95rem; color:var(--bd-text); margin-bottom:.75rem; }
/* A card representing the PitBot product — gold accent is allowed here. */
.bd-card.pitbox{ border-color:rgba(232,184,0,.35); }

/* Buttons */
.btn-bd{ background:var(--bd-blue); border-color:var(--bd-blue); color:#fff; font-weight:600; }
.btn-bd:hover{ background:var(--bd-deep); border-color:var(--bd-deep); color:#fff; }
.btn-discord{ background:var(--bd-blurple); border-color:var(--bd-blurple); color:#fff; font-weight:600; }
.btn-discord:hover{ filter:brightness(1.08); color:#fff; }
.btn-google{ background:#fff; border-color:#dadce0; color:#3c4043; font-weight:600; }
.btn-google:hover{ background:#f7f8f8; color:#3c4043; }
.login-or{ display:flex; align-items:center; gap:.75rem; color:var(--bd-muted); font-size:.8rem; margin:.85rem 0; }
.login-or::before,.login-or::after{ content:""; flex:1; height:1px; background:var(--bd-line); }
/* PitBot product CTA only */
.btn-pitbox{ background:var(--bd-gold); border-color:var(--bd-gold); color:#15171C; font-weight:700; }
.btn-pitbox:hover{ filter:brightness(1.05); color:#15171C; }

/* Status pills */
.status-pill{ display:inline-block; padding:.15rem .6rem; border-radius:999px; font-size:.72rem; font-weight:600; }
.status-none{ background:#2a2d36; color:var(--bd-muted); }
.status-active{ background:rgba(54,193,119,.15); color:var(--bd-green); }