.date-filter { display: flex; flex-direction: column; gap: var(--space-stack-sm); }
.date-filter__presets { display: flex; flex-wrap: wrap; gap: var(--space-inline-xs); }
.date-filter__preset {
  font: inherit;
  font-size: var(--font-label);
  padding: var(--space-inset-xs) var(--space-inset-sm);
  border: var(--border-width) solid var(--border-default);
  background: var(--surface-raised);
  color: var(--text-default);
  cursor: pointer;
}
.date-filter__preset[aria-pressed="true"] { border-color: var(--border-strong); font-weight: bold; }
.date-filter__form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-inline-sm); }
.date-filter__field { display: flex; flex-direction: column; gap: var(--space-stack-sm); font-size: var(--font-label); }