.op-period-filters{display:flex;gap:var(--s-4);align-items:end;flex-wrap:wrap;margin-bottom:var(--s-5)}
.op-period-filters label{display:grid;gap:var(--s-2);flex:1;min-width:0;color:var(--fg-2);font-size:var(--fs-ui)}
.op-period-filters select{width:100%;min-width:0}
.op-period-tabs{display:flex;gap:4px;background:var(--panel);padding:4px;border-radius:var(--r-card)}
.op-period-tabs button{min-height:44px;border:0;background:transparent;color:var(--fg-2);padding:8px 16px;border-radius:var(--r-tag);font:inherit;cursor:pointer}
.op-period-tabs button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
.op-period-overview{padding:var(--s-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6);align-items:center}
.op-period-overview h2{margin:var(--s-2) 0}.op-period-overview p{color:var(--fg-2);margin:0}
.op-period-overview dl{margin:0;display:grid;gap:var(--s-3);font-size:var(--fs-ui)}
.op-period-overview dl>div{display:flex;justify-content:space-between;gap:var(--s-3)}
.op-period-overview dt{color:var(--fg-2)}.op-period-overview dd{margin:0;text-align:right}
.op-period-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4);margin:var(--s-5) 0}
.op-period-metrics .op-metric{min-width:0;min-height:0}.op-period-metrics .op-metric-value{display:block;font-size:clamp(24px,2.3vw,36px);overflow-wrap:anywhere}
.op-period-totals{display:flex;flex-wrap:wrap;gap:var(--s-4);margin-bottom:var(--s-5);color:var(--fg-2);font-size:var(--fs-ui)}
.op-period-totals b{color:var(--fg)}.op-period-table td{max-width:260px;overflow-wrap:anywhere}
.op-period-rank{display:inline-grid;place-items:center;min-width:32px;min-height:32px;border-radius:var(--r-tag);background:var(--panel-2);font-weight:700}
.op-period-rank.top{color:var(--gold)}.op-period-award{color:var(--gold)}
.op-period-pagination{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-4)}
.op-period-pagination>div{display:flex;gap:var(--s-2)}.op-period-pagination button:disabled{opacity:.4;cursor:default}
@media(max-width:900px){.op-period-overview{grid-template-columns:1fr}.op-period-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.op-period-filters{align-items:stretch}.op-period-tabs{width:100%}.op-period-tabs button{flex:1}.op-period-filters label{flex-basis:100%}}
@media(max-width:600px){.op-period-table td{max-width:none}.op-period-metrics{gap:var(--s-2)}.op-period-metrics .op-metric{padding:var(--s-3)}.op-period-metrics .op-metric-value{font-size:28px}.op-period-overview{padding:var(--s-4)}.op-period-pagination{flex-wrap:wrap}.op-period-pagination>div{margin-left:auto}}