/* ── DALY WAR ROOM · shared shell ─────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  --bg:#0f1317; --bg2:#0b0e12; --surface:#161c22; --surface2:#1c242c;
  --ink:#e8edf2; --ink2:#9aa7b4; --ink3:#5f6b78; --line:#242e38; --line2:#2e3a46;
  --sig:#3ddc8c; --sig-ink:#0c2418; --amber:#e8b04b; --red:#e0665c; --blue:#6cb2ff;
  --sig-soft:rgba(61,220,140,.12); --amber-soft:rgba(232,176,75,.13);
  --red-soft:rgba(224,102,92,.13);
  --shadow:0 1px 0 rgba(0,0,0,.4);
}
@media (prefers-color-scheme: light) {
  :root {
    --bg:#f6f3ec; --bg2:#efece3; --surface:#fffdf7; --surface2:#f4f1e8;
    --ink:#171d23; --ink2:#4e5a66; --ink3:#8a94a0; --line:#e0dbcd; --line2:#d2ccbb;
    --sig:#0e8f52; --sig-ink:#eafff3; --amber:#9a6b1f; --red:#b3403a; --blue:#1f5fa8;
    --sig-soft:rgba(14,143,82,.10); --amber-soft:rgba(154,107,31,.12);
    --red-soft:rgba(179,64,58,.10);
    --shadow:0 1px 2px rgba(23,29,35,.06);
  }
}
* { box-sizing:border-box; margin:0; }
html { scroll-behavior:smooth; }
body {
  background:var(--bg); color:var(--ink);
  font:15px/1.55 "IBM Plex Sans",-apple-system,sans-serif;
  padding:0 0 72px;
  background-image:radial-gradient(ellipse 80% 40% at 50% -10%, var(--surface2), transparent);
}
.wrap { max-width:880px; margin:0 auto; padding:0 16px; }

/* nav */
nav {
  display:flex; align-items:center; gap:18px; padding:14px 16px 12px;
  max-width:880px; margin:0 auto; border-bottom:1px solid var(--line);
}
.brand {
  font:600 19px/1 "Barlow Condensed",sans-serif; letter-spacing:.14em;
  color:var(--ink); text-decoration:none; text-transform:uppercase;
  display:flex; align-items:center; gap:8px;
}
.brand::before { content:""; width:9px; height:9px; border-radius:50%;
  background:var(--sig); box-shadow:0 0 8px var(--sig); }
.navlinks { display:flex; gap:4px; margin-left:auto; }
.navlinks a {
  font:600 13px/1 "Barlow Condensed",sans-serif; letter-spacing:.12em;
  text-transform:uppercase; color:var(--ink2); text-decoration:none;
  padding:7px 10px; border-radius:6px;
}
.navlinks a:hover { color:var(--ink); background:var(--surface2); }
.navlinks a.on { color:var(--sig); }

/* typography */
h1 {
  font:700 34px/1.05 "Barlow Condensed",sans-serif; letter-spacing:.02em;
  text-transform:uppercase; margin:28px 0 4px;
}
.kicker {
  font:600 12px/1 "Barlow Condensed",sans-serif; letter-spacing:.22em;
  text-transform:uppercase; color:var(--sig); margin-top:26px;
}
.sub { color:var(--ink2); font-size:14px; margin-top:6px; }
h2 {
  font:600 21px/1.1 "Barlow Condensed",sans-serif; letter-spacing:.06em;
  text-transform:uppercase; margin:36px 0 10px;
  display:flex; align-items:baseline; gap:10px;
}
h2 .tag { font:500 12px/1 "IBM Plex Mono",monospace; letter-spacing:0;
  text-transform:none; color:var(--ink3); }
.mono, td.n, .num { font-family:"IBM Plex Mono",monospace; font-variant-numeric:tabular-nums; }

/* cards */
.card {
  background:var(--surface); border:1px solid var(--line); border-radius:12px;
  padding:16px 18px; margin-top:12px; box-shadow:var(--shadow);
}
.card.hero { border-left:3px solid var(--sig); }
.card.sell { border-left:3px solid var(--red); }
.card.hold { border-left:3px solid var(--amber); }
a { color:var(--blue); text-decoration:none; }
a:hover { text-decoration:underline; }

/* action rows on the hub */
.action {
  display:block; color:inherit; text-decoration:none;
  background:var(--surface); border:1px solid var(--line); border-radius:12px;
  padding:16px 18px; margin-top:12px; box-shadow:var(--shadow);
  transition:border-color .12s, transform .12s;
}
.action:hover { border-color:var(--sig); transform:translateY(-1px); text-decoration:none; }
.action .t { display:flex; align-items:center; gap:10px;
  font:600 18px/1.2 "Barlow Condensed",sans-serif; letter-spacing:.05em; text-transform:uppercase; }
.action .d { color:var(--ink2); font-size:13.5px; margin-top:5px; }
.action .go { margin-left:auto; color:var(--sig); font-family:"IBM Plex Mono",monospace; font-size:13px; }

/* pills + status */
.pill {
  display:inline-block; padding:2px 9px; border-radius:999px;
  font:600 11px/1.5 "IBM Plex Mono",monospace; letter-spacing:.03em;
}
.pill.sig  { background:var(--sig-soft);  color:var(--sig); }
.pill.warn { background:var(--amber-soft); color:var(--amber); }
.pill.bad  { background:var(--red-soft);  color:var(--red); }
.pill.dim  { background:var(--surface2); color:var(--ink3); }

/* tables */
.scroll { overflow-x:auto; margin:0 -18px; padding:0 18px; }
table { width:100%; border-collapse:collapse; font-size:13.5px; }
th { text-align:left; font:600 11px/1.4 "IBM Plex Mono",monospace; letter-spacing:.06em;
  text-transform:uppercase; color:var(--ink3); padding:6px 10px 6px 0;
  border-bottom:1px solid var(--line2); }
td { padding:8px 10px 8px 0; border-bottom:1px solid var(--line); vertical-align:top; }
tr:last-child td { border-bottom:none; }
td.n { white-space:nowrap; }
.who { font-weight:600; }
.who small { display:block; font-weight:400; color:var(--ink3); font-size:11.5px;
  font-family:"IBM Plex Mono",monospace; }

/* stat tiles */
.tiles { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin-top:12px; }
.tile { background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:13px 15px; }
.tile .v { font:600 21px/1.1 "IBM Plex Mono",monospace; letter-spacing:-.02em; }
.tile .l { color:var(--ink2); font-size:12px; margin-top:3px; line-height:1.35; }

/* honest bar rows (0–100 scale) */
.bar-row { display:grid; grid-template-columns:minmax(110px,150px) 1fr 52px; gap:10px;
  align-items:center; margin:8px 0; font-size:13px; }
.bar-row .lbl { color:var(--ink2); }
.bar-track { position:relative; height:12px; background:var(--surface2);
  border-radius:4px; border:1px solid var(--line); }
.bar-fill { position:absolute; inset:1px auto 1px 1px; border-radius:3px; background:var(--blue); }
.bar-fill.sig { background:var(--sig); } .bar-fill.bad { background:var(--red); }
.bar-ref { position:absolute; top:-4px; bottom:-4px; width:2px; background:var(--ink3); }
.bar-row .val { font-family:"IBM Plex Mono",monospace; font-size:12.5px; text-align:right; }

/* collapsibles */
details { margin-top:10px; }
summary { cursor:pointer; color:var(--ink2); font-size:13px;
  font-family:"IBM Plex Mono",monospace; }
summary:hover { color:var(--ink); }
details[open] summary { margin-bottom:8px; }

ul { padding-left:20px; color:var(--ink2); } li { margin:5px 0; }
li strong, p strong { color:var(--ink); }
p { color:var(--ink2); margin:7px 0; }
.note { color:var(--ink3); font-size:12.5px; margin-top:10px; line-height:1.5; }
footer { color:var(--ink3); font-size:12px; margin-top:48px;
  border-top:1px solid var(--line); padding-top:14px;
  font-family:"IBM Plex Mono",monospace; line-height:1.6; }
.stamp { font:500 11px/1 "IBM Plex Mono",monospace; color:var(--ink3);
  letter-spacing:.04em; }

@media (max-width:560px) {
  h1 { font-size:28px; }
  .navlinks a { padding:7px 7px; font-size:12px; }
  .bar-row { grid-template-columns:96px 1fr 48px; }
}