/* Brightloom Q3 OKR tracker. Quiet dashboard. [data-theme] forces mode. */
:root{
  color-scheme:light dark;
  --bg:light-dark(#F9FAFB,#0A0D10);
  --card:light-dark(#FFFFFF,#121722);
  --ink:light-dark(#0F172A,#E6EDF6);
  --muted:light-dark(#64748B,#8B99AC);
  --line:light-dark(#E2E8F0,#212936);
  --accent:light-dark(#06B6D4,#22D3EE);
  --accent-soft:light-dark(#ECFEFF,rgba(34,211,238,.11));
  --green:light-dark(#16A34A,#4ADE80);--green-bg:light-dark(#ECFDF5,rgba(74,222,128,.13));
  --amber:light-dark(#D97706,#FBBF24);--amber-bg:light-dark(#FFFBEB,rgba(251,191,36,.13));
  --red:light-dark(#DC2626,#F87171);--red-bg:light-dark(#FEF2F2,rgba(248,113,113,.13));
  --track:light-dark(#E2E8F0,#1D2531);
  --sans:system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
:root[data-theme="light"]{color-scheme:only light}
:root[data-theme="dark"]{color-scheme:only dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;text-wrap:pretty}
.wrap{max-width:900px;margin:0 auto;padding:44px 24px 64px}
.head{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:flex-end;justify-content:space-between;padding-bottom:18px;border-bottom:2px solid var(--accent)}
h1{font-size:23px;font-weight:660;letter-spacing:-.022em;margin:0}
.head .sub{margin:5px 0 0;font-size:13px;color:var(--muted)}
.stamp{font-size:12px;color:var(--muted);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.stamp b{color:var(--ink);font-weight:600}
.obj{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin-top:20px}
.objhead{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-start;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}
.obj h2{font-size:18px;font-weight:650;letter-spacing:-.016em;margin:0;max-width:34ch;line-height:1.3}
.objmeta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.chip{display:inline-block;font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;padding:4px 9px;border-radius:6px;white-space:nowrap}
.chip.owner{background:var(--accent-soft);color:light-dark(#0E7490,#67E8F9)}
.chip.high{background:var(--green-bg);color:var(--green)}
.chip.med{background:var(--amber-bg);color:var(--amber)}
.chip.low{background:var(--red-bg);color:var(--red)}
.kr{display:grid;grid-template-columns:minmax(0,1fr) 190px 56px;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.kr:last-child{border-bottom:none;padding-bottom:0}
.kr .txt{font-size:14.5px;line-height:1.5}
.kr .txt small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}
.bar{display:grid;gap:6px}
.track{height:8px;border-radius:6px;background:var(--track);overflow:hidden}
.track i{display:block;height:100%;border-radius:6px}
.track i.g{background:var(--green)}
.track i.a{background:var(--amber)}
.track i.r{background:var(--red)}
.vals{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.pct{text-align:right;font-size:16px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.pct.g{color:var(--green)}.pct.a{color:var(--amber)}.pct.r{color:var(--red)}
.foot{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;font-size:12.5px;color:var(--muted)}
.legend{display:flex;gap:16px;flex-wrap:wrap}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:9px;height:9px;border-radius:3px;display:block}
@media (max-width:680px){
  .wrap{padding:28px 16px 44px}
  .kr{grid-template-columns:minmax(0,1fr) 56px;gap:10px}
  .bar{grid-column:1 / -1;order:3}
}
@media print{
  @page{margin:14mm}
  :root{color-scheme:only light}
  body{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:10pt}
  .wrap{padding:0;max-width:none}
  .obj{break-inside:avoid;margin-top:12px;padding:14px 16px}
}