/* HYPERPART: date-range */
/* Promoted VERBATIM from Dazzle fragments.css (Tier F3, fleet
 * convergence). The Dazzle emitter contract is unchanged. */

/* ─────────────────────────── date_range_picker fragment ─────────
 * From / To date inputs in a horizontal bar. Inputs use the form
 * input chrome from form.css already; this owns only the row layout
 * and label sizing. */

.dz-date-range-picker {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  margin-block-end: var(--space-sm);
}

.dz-date-range-label {
  font-size: var(--text-xs);
  color: var(--colour-text-muted);
}

.dz-date-range-input {
  height: 1.75rem;
  padding-inline: var(--space-sm);
  width: 9rem;
  border-radius: var(--radius-sm);
  background: var(--colour-surface);
  border: 1px solid var(--colour-border);
  font-size: var(--text-xs);
  color: var(--colour-text);
}

.dz-date-range-input:focus-visible {
  outline: none;
  box-shadow: 0 0 0 1px var(--colour-brand);
  border-color: var(--colour-brand);
}