/* Read-out under a native date input (ADMIN_DESIGN_REFERENCE.md §4):
   "Sat 17 Oct 2026, 5:00 pm NZDT", caption size, muted. Filled by
   js/v3/date-readout.js. Error state = the skipped DST hour. */
.lg-date-readout {
  margin: var(--space-1) 0 0;
  /* Own text style, never inherited: v2 field containers style their
     labels uppercase / mono / letter-spaced, and this sits inside them. */
  font-family: var(--font-sans);
  font-size: var(--size-caption);
  font-weight: 400;
  line-height: var(--leading-caption);
  letter-spacing: normal;
  text-transform: none;
  color: var(--text-muted);
  min-height: var(--leading-caption);
}

/* Empty (no date typed yet): no line at all, so an error sits right under
   the box like every other field (owner, plan §11 #97). The line appears
   as the user types; a shift caused by their own input isn't a layout jump. */
.lg-date-readout:empty { min-height: 0; margin: 0; }

.lg-date-readout--error {
  color: var(--danger);
}