/* Tribute dashboard — shared design system (system of record).
   Extracted 2026-10-22 from the copy-pasted <style> blocks of index.html,
   quota.html and matrix.html (docs/ops/WEB-DESIGN-ASSESSMENT-2026-10-21.md, P0-2).
   Every published dashboard page links this file; page-specific rules stay
   in a small per-page <style>. Accent rule: blue = links/navigation,
   gold = eyebrows/headings/freshness, ok/bad = evidence states only. */
:root{--bg:#080b10;--panel:#10161f;--panel2:#0c1219;--line:#243140;--text:#edf3f8;--muted:#93a4b8;--blue:#65c7ff;--gold:#e9c779;--ok:#63d69b;--bad:#ff7b83}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(1100px 500px at 8% -10%,#162638 0,var(--bg) 60%);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
nav{position:sticky;top:0;z-index:5;display:flex;gap:1rem;align-items:center;padding:.7rem 1.2rem;background:#080b10ee;border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}nav .brand{margin-right:auto;color:var(--text);font-weight:750}nav a{font-size:.84rem;color:var(--muted)}nav a[aria-current="page"]{color:var(--text);font-weight:650}
header,main{max-width:1180px;margin:auto}header{padding:2rem 1.2rem 1.2rem}.hero{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end}.eyebrow{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.05;margin:.35rem 0 .65rem}h1 span{color:var(--blue)}h1 .gold{color:var(--gold)}.lede{max-width:780px;color:var(--muted);margin:0}.fresh{min-width:230px;padding:.8rem 1rem;background:var(--panel);border:1px solid var(--line);border-radius:12px}.fresh strong{display:block}.fresh small{color:var(--muted)}
main{padding:0 1.2rem 4rem}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:12px;padding:1rem}.label{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.value{font-size:1.5rem;font-weight:800}.ok{color:var(--ok)}.bad{color:var(--bad)}.gold{color:var(--gold)}.blue{color:var(--blue)}
section{margin-top:1.8rem}.head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:.65rem}.head h2{font-size:1.05rem;margin:0}.note{color:var(--muted);font-size:.78rem}.toolbar{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.65rem}.toolbar input,.toolbar select{min-height:38px;padding:.45rem .65rem;border:1px solid var(--line);border-radius:8px;background:#0a1017;color:var(--text)}.toolbar input{flex:1;min-width:220px}
.table-wrap{overflow:auto}.table{width:100%;min-width:720px;border-collapse:collapse}.table th,.table td{text-align:left;padding:.65rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:var(--muted);font-size:.68rem;text-transform:uppercase}.pill{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:.15rem .5rem;background:#151e29;color:var(--muted);font-size:.72rem}.pill.bad{color:var(--bad);border-color:var(--bad)}.pill.gold{color:var(--gold);border-color:var(--gold)}.pill.ok{color:var(--ok)}.muted{color:var(--muted);font-size:.78rem}.empty{color:var(--muted);padding:.5rem 0}.links{display:flex;flex-wrap:wrap;gap:.5rem}.button{display:inline-block;padding:.45rem .65rem;border:1px solid var(--line);border-radius:8px;background:#151e29;color:var(--text)}footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}
@media(max-width:850px){.grid,.grid-3{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}}@media(max-width:520px){.grid,.grid-3{grid-template-columns:1fr 1fr}nav{position:static;flex-wrap:wrap}}