.tables-page { --ink:#e8edf3; --muted:#8c9aaa; --line:#263443; --panel:#111b26; --panel2:#0d151f; color:var(--ink); max-width:1680px; margin:0 auto; padding:24px clamp(18px,2.6vw,40px) 40px; font:13px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.tables-page * { box-sizing:border-box; }
.tables-intro { display:flex; justify-content:space-between; gap:30px; align-items:flex-end; margin-bottom:20px; }
.tables-intro h1 { font-size:30px; letter-spacing:-.035em; margin:4px 0 3px; }
.tables-intro .eyebrow { color:#8ba4bb; font-size:10px; letter-spacing:.16em; font-weight:700; }
.tables-lede { color:#a9b6c4; margin:0; }
.legacy-tally { min-width:252px; border:1px solid #2c4051; background:linear-gradient(120deg,#152536,#111b26); border-radius:9px; padding:11px 14px; display:grid; grid-template-columns:auto 1fr; column-gap:10px; align-items:center; }
.legacy-tally strong { color:#81d9bd; font-size:18px; letter-spacing:-.03em; grid-row:span 2; }
.legacy-tally span { font-weight:650; font-size:12px; }.legacy-tally small { color:var(--muted); font-size:10px; }
.tables-controls { display:flex; flex-wrap:wrap; align-items:end; gap:9px; padding:12px; border:1px solid var(--line); background:var(--panel); border-radius:9px 9px 0 0; }
.tables-dynamic-filters { display:contents; }
.control-group { display:flex; flex-direction:column; gap:4px; color:#8797a8; font-size:10px; font-weight:650; letter-spacing:.035em; }
.control-group input,.control-group select,.tables-select { height:34px; border:1px solid #314251; background:#0a121b; color:#e2eaf1; border-radius:5px; padding:0 9px; font:inherit; letter-spacing:normal; outline:none; }
.control-group input:focus,.control-group select:focus,.tables-select:focus { border-color:#6c9bc2; box-shadow:0 0 0 2px #3b6c8833; }
.table-select-group { min-width:220px; }.tables-select { min-width:220px; font-weight:650; font-size:12px; }
.table-search { width:165px; }.export-placeholder { margin-left:auto; height:34px; padding:0 13px; border:1px solid #314251; background:#172430; color:#9daab8; border-radius:5px; font-family:inherit; font-size:11px; font-weight:600; cursor:not-allowed; opacity:.75; }
.export-placeholder:not(:disabled) { cursor:pointer; opacity:1; color:var(--text); }
.table-panel { border:1px solid var(--line); border-top:0; background:var(--panel2); border-radius:0 0 9px 9px; overflow:hidden; }
.table-panel-head { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 15px 10px; }
.table-title { margin:0; font-size:16px; letter-spacing:-.02em; }.table-subtitle { margin:3px 0 0; color:#8999a9; font-size:11px; }
.fixture-tag { color:#e6c57d; border:1px solid #604f30; background:#2a2419; border-radius:4px; padding:4px 7px; font-weight:700; letter-spacing:.08em; font-size:9px; white-space:nowrap; }
.table-status { padding:0 15px 9px; color:#718296; font-size:10px; }
.table-scroll { overflow:auto; max-height:min(63vh,690px); border-top:1px solid #202d3a; }
.data-table { border-collapse:separate; border-spacing:0; width:100%; min-width:max-content; font-variant-numeric:tabular-nums; }
.data-table th { position:sticky; top:0; z-index:1; background:#162331; color:#9aaabc; text-align:left; white-space:nowrap; font-size:10px; letter-spacing:.035em; border-bottom:1px solid #344455; }
.data-table td,.data-table th { padding:8px 11px; border-right:1px solid #1c2a36; }
.data-table td { color:#ccd5de; border-bottom:1px solid #1a2631; white-space:nowrap; font-size:11px; }
.data-table tbody tr:hover td { background:#14212c; }.data-table .numeric { text-align:right; font-feature-settings:"tnum"; }.sort-button { border:0; padding:0; background:none; color:inherit; font:inherit; cursor:pointer; }
.data-table .bool-true { background:#143229; color:#89e2bc; font-weight:700; text-align:center; }.data-table .bool-false { color:#637181; text-align:center; }
.table-footnote { color:#7f8d9c; font-size:10px; padding:0 15px 12px; margin:9px 0 0; }
.table-availability { margin:0 0 14px; border:1px solid var(--line); border-radius:7px; background:var(--panel); color:var(--muted); }
.table-availability summary { cursor:pointer; padding:9px 12px; font-size:11px; font-weight:650; }
.table-availability-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px 12px; margin:0; padding:0 12px 12px 28px; }
.table-availability-list li { padding:3px 0; font-size:10px; }
.table-availability-list strong, .table-availability-list span { display:block; }
.table-availability-list strong { color:var(--ink); }
html[data-theme="light"] .tables-page { --ink:#1e2928; --muted:#5e6b67; --line:#d2dad6; --panel:#f8faf8; --panel2:#e7ece9; color:var(--ink); background:var(--bg); }
html[data-theme="light"] .tables-intro .eyebrow { color:var(--accent); }
html[data-theme="light"] .tables-lede, html[data-theme="light"] .control-group,
html[data-theme="light"] .table-status, html[data-theme="light"] .table-footnote { color:var(--muted); }
html[data-theme="light"] .legacy-tally { border-color:var(--line-strong); background:linear-gradient(120deg,#f8faf8,#e7ece9); }
html[data-theme="light"] .legacy-tally strong { color:var(--good); }
html[data-theme="light"] .control-group input, html[data-theme="light"] .control-group select,
html[data-theme="light"] .tables-select { border-color:var(--line-strong); background:var(--panel); color:var(--ink); }
html[data-theme="light"] .control-group input:focus, html[data-theme="light"] .control-group select:focus,
html[data-theme="light"] .tables-select:focus { border-color:var(--accent); box-shadow:0 0 0 2px #426c6733; }
html[data-theme="light"] .export-placeholder { border-color:var(--line-strong); background:var(--panel2); color:var(--muted); }
html[data-theme="light"] .table-panel { background:var(--panel); }
html[data-theme="light"] .table-availability { border-color:var(--line); background:var(--panel); color:var(--muted); }
html[data-theme="light"] .table-availability-list strong { color:var(--ink); }
html[data-theme="light"] .table-subtitle { color:var(--muted); }
html[data-theme="light"] .fixture-tag { border-color:#b5c1bb; background:#e7ece9; color:#6e4b11; }
html[data-theme="light"] .table-scroll { border-color:var(--line); }
html[data-theme="light"] .data-table th { background:#e7ece9; color:var(--muted); border-color:var(--line-strong); }
html[data-theme="light"] .data-table td { color:var(--ink); border-color:var(--line); }
html[data-theme="light"] .data-table td, html[data-theme="light"] .data-table th { border-right-color:var(--line); }
html[data-theme="light"] .data-table tbody tr:hover td { background:#eef1ef; }
html[data-theme="light"] .data-table .bool-true { background:#dcece2; color:#276342; }
html[data-theme="light"] .data-table .bool-false { color:#7d8984; }
@media (max-width:760px) { .tables-page { padding:16px 12px 28px; }.tables-intro { align-items:stretch; flex-direction:column; gap:12px; }.legacy-tally { align-self:flex-start; }.tables-controls { gap:8px; }.control-group { flex:1 1 135px; }.table-select-group { flex:1 1 100%; }.tables-select { width:100%; }.export-placeholder { margin-left:0; }.table-scroll { max-height:60vh; }.table-panel-head { align-items:flex-start; } }