.shell.wide { width: min(1480px, calc(100% - 28px)); }
.buttonish { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(255,255,255,.06); color:var(--text); padding:12px 16px; font-weight:700; }
.summary-grid { display:grid; grid-template-columns: repeat(6, minmax(150px,1fr)); gap:14px; margin:18px 0; }
.metric { padding:18px; border-radius:18px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); }
.metric .label { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.12em; font-weight:800; }
.metric .value { font-size:24px; font-weight:900; margin-top:8px; overflow-wrap:anywhere; }
.tables-stack { display:grid; gap:18px; }
.table-card { overflow:hidden; }
.table-card header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:14px; }
.table-card h2 { margin-bottom:4px; }
.table-meta { color:var(--muted); font-size:13px; }
.table-wrap { overflow:auto; border-radius:14px; border:1px solid rgba(255,255,255,.08); background:rgba(0,0,0,.16); max-height:620px; }
table { width:100%; border-collapse:collapse; font-size:13px; min-width:850px; }
th, td { padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.08); vertical-align:top; text-align:left; }
th { position:sticky; top:0; z-index:1; background:#121a2f; color:#f6f8ff; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
td { color:#d9e5ff; }
tr:hover td { background:rgba(255,255,255,.035); }
.pill { display:inline-flex; border:1px solid rgba(255,255,255,.14); border-radius:999px; padding:3px 8px; background:rgba(255,255,255,.06); color:#fff; font-size:12px; font-weight:800; }
.positive { color:#5dffb3; font-weight:800; }
.negative { color:#ff8da0; font-weight:800; }
.empty { color:var(--muted); padding:18px; border:1px dashed rgba(255,255,255,.16); border-radius:14px; background:rgba(255,255,255,.035); }
.kv-grid { display:grid; grid-template-columns: repeat(4, minmax(180px, 1fr)); gap:10px; }
.kv { padding:12px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:rgba(255,255,255,.04); }
.kv .k { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.kv .v { margin-top:6px; overflow-wrap:anywhere; }
.details { margin-top:12px; }
.details summary { cursor:pointer; color:#8ab4ff; font-weight:800; }
.details pre { margin-top:10px; min-height:0; max-height:300px; }
@media (max-width: 1100px) { .summary-grid { grid-template-columns: repeat(3, 1fr); } .kv-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px) { .summary-grid, .kv-grid { grid-template-columns: 1fr; } table { min-width:760px; } }