/* ═══════════════════════════════════════════════════════════════
   BUILDPAID DESIGN TOKENS — the ONE source of visual truth.
   Every surface imports this; local :root vars alias to --bp-*.
   Brand accent = AGS teal. Change a value here, every page follows.
   ═══════════════════════════════════════════════════════════════ */
:root{
  /* brand accents — sourced from buildpaid.ai + app.buildpaid.ai (the brand truth) */
  --bp-teal:#2dd4a8;              /* primary — governed / fundable / CLEAR */
  --bp-teal-dim:rgba(45,212,168,.12);
  --bp-teal-border:rgba(45,212,168,.28);
  --bp-amber:#d4a042;            /* PRAL — attention / conditional / review (brand gold) */
  --bp-amber-dim:rgba(212,160,66,.14);
  --bp-red:#c0392b;              /* blocked / fail-closed */
  --bp-red-dim:rgba(192,57,43,.14);
  --bp-green:#2d8a5e;            /* settled / complete */
  --bp-blue:#5b8fa8;            /* informational rail */
  --bp-purple:#8b7db8;          /* provenance / identity */
  /* neutrals — brand black + surfaces */
  --bp-black:#050508;
  --bp-bg:#030810;
  --bp-surface:#141418;
  --bp-surface2:#1c1c22;
  --bp-surface3:#24242c;
  --bp-line:rgba(220,225,232,.08);
  --bp-line2:rgba(220,225,232,.16);
  --bp-white:#dce1e8;
  --bp-muted:rgba(220,225,232,.55);
  --bp-faint:rgba(220,225,232,.35);
  /* type */
  --bp-font:'Inter',system-ui,-apple-system,sans-serif;
  --bp-mono:'SF Mono','IBM Plex Mono','Courier New',monospace;
  /* shape */
  --bp-radius:10px;
  --bp-radius-sm:6px;
  --bp-shadow:0 8px 32px rgba(0,0,0,.4);
}
/* ── core components ── */
.bp-panel{background:var(--bp-surface2);border:1px solid var(--bp-line);border-radius:var(--bp-radius);padding:14px}
.bp-panel h3{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--bp-muted);font-weight:600;margin:0 0 8px}
.bp-stat{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--bp-line);font-size:12px}
.bp-stat .v{font-family:var(--bp-mono);font-weight:600}
.bp-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-family:var(--bp-mono);font-size:10px;font-weight:600;letter-spacing:.5px}
.bp-chip.clear{background:var(--bp-teal-dim);color:var(--bp-teal);border:1px solid var(--bp-teal-border)}
.bp-chip.blocked{background:var(--bp-red-dim);color:var(--bp-red);border:1px solid rgba(255,68,85,.3)}
.bp-chip.conditional{background:var(--bp-amber-dim);color:var(--bp-amber);border:1px solid rgba(245,166,35,.3)}
.bp-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-family:var(--bp-mono);font-size:9px;font-weight:700;letter-spacing:1px}
.bp-badge.real{background:var(--bp-teal-dim);color:var(--bp-teal)}
.bp-badge.pending{background:var(--bp-amber-dim);color:var(--bp-amber)}
.bp-btn{padding:7px 14px;background:var(--bp-surface3);border:1px solid var(--bp-line2);border-radius:var(--bp-radius-sm);color:var(--bp-white);font-family:var(--bp-font);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}
.bp-btn:hover{border-color:var(--bp-teal-border);background:var(--bp-teal-dim)}
.bp-btn.primary{background:var(--bp-teal);color:#000;border-color:var(--bp-teal)}