/* Shared look for every page of Builders Intelligence.
   Loaded FIRST on each page, so any page-specific stylesheet still wins where
   it disagrees — this sheet only sets the baseline the 12 tab pages had each
   been inventing separately: one font, one ink colour, one table style, one
   accent. Element-level selectors only; no page's class names are referenced.

   20 Sep 2026: these tokens were still the pre-24/25-Aug generic indigo/
   system-font look (#6c7bf0 accent, #232742 ink). qbcc-dashboard.html went
   through a real, Brad-approved redesign on 24-25 Aug (Barlow Condensed,
   Pantone stone/sage/sky-blue) whose own comment claims it "standardises on
   the warmer one app-wide" — but that never reached this file, so every tab
   loading it still fell back to the old palette wherever it didn't set its
   own override. Brought in line with qbcc-dashboard.html's real --ink/
   --accent/--good/--bad values and Barlow Condensed headings so the baseline
   this file sets actually matches the one real design system, not a fifth
   one. Does not touch pages' own inline overrides — that's the next, larger
   pass, done per-page with visual verification rather than in one sweep. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{
  --bi-ink:#0f172a;
  --bi-muted:#64748b;
  --bi-bg:#f5f6f8;
  --bi-card:#ffffff;
  --bi-line:#e2e8f0;
  --bi-accent:#2563eb;
  --bi-navy:#12352b;
  --bi-good:#1f7a4d;
  --bi-bad:#a23b2e;
  --bi-font-display:'Barlow Condensed','Archivo Narrow',sans-serif;
}
body{
  font-family:'Barlow',-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--bi-ink);
  background:var(--bi-bg);
  margin:0;
  font-variant-numeric:tabular-nums;
}
h1,h2,h3,h4{color:var(--bi-ink);font-weight:700;font-family:var(--bi-font-display);text-transform:uppercase;letter-spacing:.02em;}
a{color:var(--bi-accent);}
table{border-collapse:collapse;width:100%;}
th{
  background:#eef4ff;color:var(--bi-muted);font-size:11.5px;font-weight:700;
  font-family:var(--bi-font-display);
  text-transform:uppercase;letter-spacing:.06em;text-align:left;
  padding:10px 12px;border-bottom:1px solid var(--bi-line);
}
td{padding:9px 12px;border-bottom:1px solid #eef2f7;font-size:13.5px;}
tbody tr:hover td{background:#eef4ff;}
button{font-family:inherit;}
select,input[type=text],input[type=search],input[type=number]{
  font-family:inherit;border:1px solid #d7dbe6;border-radius:7px;
  padding:7px 10px;font-size:13.5px;color:var(--bi-ink);background:#fff;
}

/* Phone. Wide tables scroll inside themselves instead of stretching the page,
   images never overflow, and 16px inputs stop iOS zooming the page on focus.
   Element-level only, same contract as above — page CSS still wins. */
@media (max-width:640px){
  body{padding-left:10px;padding-right:10px;}
  table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;}
  img,svg,canvas,iframe{max-width:100%;}
  select,input[type=text],input[type=search],input[type=number]{font-size:16px;}
  th,td{padding:8px 9px;}
}