/* Date shortcuts share the existing filter row to keep fixtures in view. */
.compact-ui #date-window {
  order: 1;
  width: 152px;
  min-width: 0;
  min-height: 30px;
  padding: 4px 26px 4px 9px;
  border-radius: 4px;
  font-size: 11px;
  color: var(--text);
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23b69a60' stroke-width='1.5'/%3E%3C/svg%3E");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
}
.compact-ui #date-window:not(:has(option[value="all"]:checked)) { border-color: var(--accent); color: var(--accent); }
.compact-ui #matches-summary { order: 2; }
.compact-ui .filter-actions { order: 3; }
@media (max-width: 600px) {
  .compact-ui .match-filter-bar { gap: 7px; }
  .compact-ui #date-window { flex: 0 0 119px; width: 119px; min-height: 30px; padding-left: 7px; padding-right: 22px; font-size: 10px; }
  .compact-ui #matches-summary { flex: 1; min-width: 0; white-space: normal; line-height: 1.35; font-size: 9px; }
  .compact-ui .filter-actions { flex: none; gap: 7px; }
  .compact-ui .filter-actions .text-action { max-width: 61px; text-align: right; line-height: 1.25; }
}