.order-date-presets { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; max-width: 100%; }
.order-date-presets button { min-height: 36px; padding: 7px 10px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: var(--vs-muted); font: inherit; font-size: 13px; letter-spacing: 0; white-space: nowrap; cursor: pointer; }
.order-date-presets button:hover { color: var(--vs-ink); border-color: var(--vs-border); }
.order-date-presets button[aria-pressed="true"] { color: var(--vs-accent); background: var(--vs-accent-bg,rgba(201,135,58,.12)); border-color: var(--vs-accent); }
.order-date-presets button:focus-visible { outline: 2px solid var(--vs-accent); outline-offset: 2px; }