.pivot-monitor { --ink:#e8edf3; --muted:#8c9aaa; --line:#263443; 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; }
.pivot-monitor * { box-sizing:border-box; }
.pivot-header { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:16px; }
.pivot-header .eyebrow { color:#8ba4bb; font-size:10px; letter-spacing:.15em; font-weight:700; }
.pivot-header h1 { font-size:27px; letter-spacing:-.035em; margin:3px 0; }
.pivot-lede { color:#a9b6c4; margin:0; font-size:11px; }
.source-note { color:#74879a; font-size:10px; text-align:right; }
.pivot-monitor .shell-context { color:#75889a; font-size:10px; margin:5px 0 0; }
.matrix-controls { display:flex; align-items:end; gap:8px; padding:9px 11px; background:#111b26; border:1px solid var(--line); border-radius:7px 7px 0 0; }
.matrix-control { display:flex; flex-direction:column; gap:3px; color:#8596a7; font-size:9px; font-weight:650; }
.matrix-control select,.matrix-control input { height:29px; min-width:115px; border:1px solid #30404f; background:#0a121b; border-radius:4px; color:#dce4eb; padding:0 7px; font:inherit; }
.matrix-control input { min-width:132px; }
.matrix-session-button { height:29px; padding:0 10px; border:1px solid #526a71; border-radius:4px; color:#e0ece9; background:#1b2a31; font:inherit; font-weight:700; white-space:nowrap; }
.matrix-session-button[aria-pressed="true"] { color:#064e45; background:#b8f1d9; border-color:#82cdb5; }
.matrix-session-button:disabled { opacity:.45; cursor:not-allowed; }
.matrix-control :disabled { opacity:.45; }
.matrix-control select:focus,.matrix-control input:focus { border-color:#6c9bc2; outline:2px solid #3b6c8833; }
.matrix-panel { background:#0d151f; border:1px solid var(--line); border-top:0; border-radius:0 0 7px 7px; overflow:hidden; }
.matrix-panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:7px 11px; }
.matrix-status,.matrix-legend { margin:0; color:#718296; font-size:9px; }
.matrix-legend { color:#8496a5; }
.matrix-scroll { overflow:auto; max-height:min(72vh,820px); border-top:1px solid #202d3a; }
.pivot-matrix { border-collapse:separate; border-spacing:0; width:max-content; min-width:100%; font-variant-numeric:tabular-nums; }
.pivot-matrix th,.pivot-matrix td { padding:7px 9px; border-right:1px solid #1c2a36; }
.pivot-matrix thead th { position:sticky; top:0; z-index:2; color:#d7e4e2; background:#162331; text-align:right; white-space:nowrap; font-size:12px; font-weight:750; border-bottom:1px solid #344455; }
.pivot-matrix thead .level-heading { left:0; z-index:4; text-align:left; }
.pivot-matrix .row-heading { position:sticky; left:0; z-index:1; min-width:88px; color:#e3eceb; background:#111b26; text-align:left; font-size:12px; font-weight:750; border-right:1px solid #344455; }
.pivot-matrix .period-heading { min-width:98px; }
.pivot-matrix .matrix-value { color:#c9d3dc; background:#0d151f; text-align:right; white-space:nowrap; font-size:10px; border-bottom:1px solid #1a2631; }
.pivot-matrix tbody tr:hover .matrix-value { background:#14212c; }
.pivot-matrix .pivot-row th,.pivot-matrix .pivot-row td { border-bottom:2px solid #405062; }
.pivot-matrix tbody tr.family-start th,.pivot-matrix tbody tr.family-start td { border-top:2px solid #516a70; }
.pivot-matrix .hit-value { color:#064e45; background:#b8f1d9; font-weight:750; }
.pivot-matrix tbody tr:hover .hit-value { background:#a7ebd0; }
.pivot-matrix .incomplete-value { color:#8c9aaa; font-style:italic; }
.pivot-matrix .latest-period { background:#152431; }
.pivot-matrix td.hit-value.latest-period { background:#aeead2; }
.pivot-matrix td.incomplete-value.latest-period { background:#172029; }
html[data-theme="light"] .pivot-monitor { --ink:#1e2928; --muted:#5e6b67; --line:#d2dad6; color:var(--ink); background:var(--bg); }
html[data-theme="light"] .pivot-header .eyebrow { color:var(--accent); }
html[data-theme="light"] .pivot-lede,html[data-theme="light"] .source-note,html[data-theme="light"] .pivot-monitor .shell-context,html[data-theme="light"] .matrix-control,html[data-theme="light"] .matrix-status { color:var(--muted); }
html[data-theme="light"] .matrix-controls,html[data-theme="light"] .matrix-panel { background:var(--panel); border-color:var(--line); }
html[data-theme="light"] .matrix-control select,html[data-theme="light"] .matrix-control input { border-color:var(--line-strong); background:var(--panel); color:var(--ink); }
html[data-theme="light"] .matrix-session-button { color:#183b37; background:#f2f5f3; border-color:var(--line-strong); }
html[data-theme="light"] .matrix-session-button[aria-pressed="true"] { color:#064e45; background:#b8f1d9; border-color:#82cdb5; }
html[data-theme="light"] .matrix-panel-head,html[data-theme="light"] .pivot-matrix thead th { background:#e7ece9; color:#263d3a; }
html[data-theme="light"] .matrix-scroll { border-color:var(--line); }
html[data-theme="light"] .pivot-matrix th,html[data-theme="light"] .pivot-matrix td { border-right-color:var(--line); }
html[data-theme="light"] .pivot-matrix thead th { border-bottom-color:var(--line-strong); }
html[data-theme="light"] .pivot-matrix .row-heading { color:#183b37; background:#f2f5f3; border-right-color:var(--line-strong); font-size:13px; font-weight:750; }
html[data-theme="light"] .pivot-matrix .matrix-value { color:var(--ink); background:#fff; border-bottom-color:var(--line); }
html[data-theme="light"] .pivot-matrix tbody tr:hover .matrix-value { background:#eef1ef; }
html[data-theme="light"] .pivot-matrix .hit-value { color:#064e45; background:#b8f1d9; font-weight:750; }
html[data-theme="light"] .pivot-matrix tbody tr:hover .hit-value { background:#a7ebd0; }
html[data-theme="light"] .pivot-matrix tbody tr.family-start th,html[data-theme="light"] .pivot-matrix tbody tr.family-start td { border-top-color:#a4bdb6; }
html[data-theme="light"] .pivot-matrix .incomplete-value { color:var(--muted); }
html[data-theme="light"] .pivot-matrix .latest-period { background:#edf1ef; }
html[data-theme="light"] .pivot-matrix td.hit-value.latest-period { background:#aeead2; }
html[data-theme="light"] .pivot-matrix td.incomplete-value.latest-period { background:#e8eeeb; }
@media(max-width:700px) { .pivot-monitor { padding:15px 10px 25px; }.pivot-header { align-items:flex-start; flex-direction:column; gap:5px; }.source-note { text-align:left; }.matrix-controls { flex-wrap:wrap; }.matrix-panel-head { align-items:flex-start; flex-direction:column; gap:2px; }.pivot-matrix .row-heading { min-width:68px; }.pivot-matrix .period-heading { min-width:90px; } }