/* Humanjava ops-kit — base styles (multi-page). Dense, dark, one accent. EN-only
   internal surface. WCAG AA. STAMP: set --accent per product. */
:root{
  --bg:#0b1220; --panel:#111a2b; --panel-2:#16213a; --line:#233149;
  --ink:#e8eef7; --muted:#9fb0c8; --accent:#e6b143; --accent-ink:#2a2018;
  --ok:#10b981; --warn:#d9a441; --down:#f0617a; --idle:#6b7a91;
  --radius:10px; --font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --mono:ui-monospace,"SF Mono",Menlo,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5}
a{color:var(--accent)}
.top{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line)}
.brand{font-weight:800}.brand span{color:var(--accent)}
.tag{color:var(--muted);font-size:13px;border:1px solid var(--line);border-radius:999px;padding:2px 10px}
.who{margin-left:auto;color:var(--muted);font-size:13px}
.tabs{display:flex;gap:4px;padding:6px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,18,32,.92);backdrop-filter:blur(8px);z-index:5}
.tabs .tab{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:8px}
.tabs .tab:hover{color:var(--ink);background:var(--panel)}
.tabs .tab[aria-selected="true"]{color:var(--accent);background:var(--panel)}
.wrap{padding:18px;max-width:1180px;margin:0 auto}
h1{font-size:20px;margin:0 0 4px}.sub{color:var(--muted);margin:0 0 16px}
.muted{color:var(--muted)}.spacer{flex:1}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.card.full{grid-column:1/-1}
.card h2{font-size:14px;margin:0 0 8px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.stat{font-size:30px;font-weight:800}.statlabel{color:var(--muted);font-size:13px}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.row.nm{display:grid;grid-template-columns:1fr 130px 90px 90px 110px;padding:10px 12px;border-bottom:1px solid var(--line)}
.row.nm:last-child{border-bottom:0}.row.nm .subj{font-weight:600}.row.nm .num{color:var(--muted);font-variant-numeric:tabular-nums}
input{font:inherit;background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px 10px}
button{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;background:var(--panel-2);color:var(--ink);border:1px solid var(--line)}
button.primary{background:var(--accent);color:var(--accent-ink);border:0;font-weight:700}
button.ghost{background:none}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;background:var(--panel-2);color:var(--muted);border:1px solid var(--line)}
.chip.click{cursor:pointer}.chip.on{border-color:var(--accent);color:var(--ink)}
.badge{padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700}
.badge.ok{color:var(--ok)}.badge.warn{color:var(--warn)}.badge.down{color:var(--down)}.badge.idle{color:var(--idle)}
.empty{color:var(--muted);padding:30px 0;text-align:center}
.hidden{display:none}
.subnav{display:flex;gap:4px;margin-bottom:12px}
.subtab{background:none;border:0;color:var(--muted);padding:6px 10px;border-radius:8px}
.subtab[aria-selected="true"]{color:var(--accent);background:var(--panel)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}