/* Compact overview. The data table keeps its existing type size and contrast. */
.content{padding-top:12px;padding-bottom:18px}
.toolbar{margin:0 0 8px;gap:10px}
.archive-dates{margin:0 0 7px;font-size:10px}
.toolbar>.archive-dates{margin:0 auto 0 4px;gap:5px;min-width:0}
.section-title{margin:12px 0 8px;gap:10px}
.section-title h2{font-size:16px}
.games{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.game{padding:8px 10px;border-radius:6px}
.game-top{font-size:8px;margin-bottom:5px}
.team-line{margin:3px 0;gap:7px}
.team-name{font-size:11px;gap:6px}
.team-icon{width:21px;height:21px;font-size:7px}
.team-score{font-size:15px}
.game-foot{padding-top:5px;margin-top:5px}
.match-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 8px;border-bottom:1px solid #b3c2d5;min-width:0}
.match-heading .section-title{margin:0;justify-content:flex-start;min-width:0}
.match-heading h2{font-size:15px;white-space:nowrap}
.match-heading>.tabs{margin:0;gap:14px;border:0;position:static;flex:none}
.match-heading>.tabs button{padding:9px 2px;font-size:11px;white-space:nowrap}
#props{display:flex;flex-direction:column;min-width:0}
.q-filterbar{display:grid;grid-template-columns:minmax(105px,1fr) minmax(110px,1fr) minmax(175px,1.25fr) minmax(145px,1.25fr) 64px minmax(122px,.9fr);gap:8px;align-items:end;margin:0 0 5px}
.q-filterbar .quote-filters,.q-filterbar .q-source-controls,.q-filterbar .q-history-tools{display:contents}
.q-filterbar label{display:flex;flex-direction:column;min-width:0;gap:4px;font-size:10px;line-height:1.25;color:#304b70;font-weight:500}
.q-filterbar .q-history-tools label:first-child,.q-filterbar .q-history-tools label:nth-child(2){min-width:0}
.q-filterbar select,.q-filterbar input{width:100%;min-width:0;min-height:34px;height:34px;font-size:12px;padding:6px 8px;border:1px solid #a6b8cf;border-radius:5px;color:#102b50;background-color:#fff}
.q-filterbar .odds-range{display:grid;grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr);gap:5px;margin:0;padding:0;border:0;min-width:0}
.q-filterbar .odds-range legend{font-size:10px;line-height:1.25;padding:0;margin:0 0 4px}
.q-filterbar .odds-range label{gap:0;font-size:0}
.q-filterbar .range-to{align-self:center;font-size:11px}
.quote-results-top{padding:6px 0;margin:0;font-size:10px}
.q-table-notes{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:3px 12px;margin:5px 0 0}
.q-table-notes .q-hit-note{margin:0;font-size:9px;line-height:1.45;order:-1}
.q-table-notes #q-hit-progress{margin:0;font-size:9px}
#props>.quote-source{order:10;margin:8px 0 0;padding:7px 10px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font-size:10px;border-radius:5px;border-left-width:2px;box-shadow:none}
#props>.quote-source strong{font-size:10px}
#props>.quote-source span{font-size:9px;margin:0}
#props>.quote-source details{margin:0;font-size:9px}
#props>.quote-source details[open]{flex-basis:100%}
.match-sources-bottom{margin:12px 0 0;border-top:1px solid #c2cddd;padding-top:8px}
.match-sources-bottom:has(#match-status[hidden]) #match-status{display:none}
.match-sources-bottom .notice{margin:6px 0;padding:8px 10px;font-size:10px;line-height:1.5;border-radius:5px}
.match-sources-bottom #lineups-section{margin:0}
.match-sources-bottom #feed-status{margin-bottom:0}
.match-sources-bottom #match-status{margin-bottom:0}
.match-sources-bottom #match-lineups>details{margin:0 0 6px}
@media(min-width:701px) and (max-width:1100px){
 .q-filterbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(155px,1.3fr);gap:8px}
 .q-filterbar .odds-range{grid-column:auto}
 .q-filterbar .q-history-tools{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;grid-column:span 2;margin:0}
}
@media(max-width:700px){
 .content{padding-top:8px}
 .toolbar{margin-bottom:6px}
 .toolbar:has(.archive-dates:not(:empty)){flex-wrap:wrap}
 .toolbar>.archive-dates{order:3;flex-basis:100%;margin:0}
 .archive-dates{margin-bottom:5px}
 .section-title{margin:9px 0 6px}
 .section-title h2{font-size:14px}
 .games{display:flex;overflow-x:auto;gap:7px;padding:1px 1px 7px;scroll-snap-type:x proximity;scrollbar-width:thin}
 .game{flex:0 0 156px;min-height:78px;padding:7px 9px;scroll-snap-align:start}
 .game-top{font-size:8px;margin-bottom:4px}
 .team-line{margin:3px 0}
 .team-name{font-size:11px}
 .team-score{font-size:14px}
 .match-heading{flex-wrap:wrap;gap:2px 8px;margin:8px 0 6px}
 .match-heading .section-title{width:100%;justify-content:space-between}
 .match-heading h2{font-size:14px}
 .match-heading>.tabs{width:100%;gap:16px}
 .match-heading>.tabs button{min-height:40px;padding:8px 0}
 .q-filterbar{display:block;margin:0 0 4px}
 .q-filterbar .q-mobile-quote-filters{margin:0 0 6px;border-radius:5px}
 .q-filterbar .q-mobile-quote-filters>summary{min-height:40px;padding:10px;font-size:11px}
 .q-filterbar .quote-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0 9px 9px}
 .q-filterbar label{font-size:10px;gap:4px}
 .q-filterbar .quote-filters .odds-range{grid-column:1/-1;gap:6px;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr)}
 .q-filterbar .odds-range label{font-size:0}
 .q-filterbar select,.q-filterbar input{height:44px;min-height:44px;font-size:16px;padding:8px}
 .q-filterbar .q-source-controls{display:block;margin:0 0 6px}
 .q-filterbar .q-history-tools{display:grid;grid-template-columns:75px minmax(0,1fr);gap:8px;margin:0}
 .quote-results-top{padding:5px 0;font-size:10px}
 .q-table-notes{margin-top:5px;gap:4px}
 .q-table-notes .q-hit-note{font-size:9px}
 #props>.quote-source{margin-top:8px;padding:7px 9px;gap:4px 8px}
 .match-sources-bottom{margin-top:9px;padding-top:7px}
}