/* Low-typing record forms (low-typing-record-forms §6.4, design screen 18 "Escribir casi nada").
   Chips are .wz-chip (wizard.css); the date "other" reveal is .vf-dates (visits.css). Tokens only. */

/* "Otra…" chips reveal their field through :has() (no JS): next due, frequency, duration. */
.lt-reveal:has(input[value="other"]:not(:checked)) > .lt-other { display: none; }
.lt-other { max-width: 100%; }
.lt-reveal .lt-other input[type="date"] { max-width: 220px; }

/* Fill chips (JS only) above or below their field; rows wrap, never scroll sideways at 390 px. */
.lt-suggest { min-width: 0; }
.lt-suggest[hidden], .lt-chips[hidden] { display: none; }
.lt-chips { min-width: 0; }
.lt-chip { max-width: 100%; text-align: left; }
.lt-amount .lt-chip { font-family: var(--k-font-mono); font-variant-numeric: tabular-nums; font-size: 14px; }
.lt-amount .lt-suggest { margin-top: 2px; }

/* "Te avisamos el 24 oct 2027": display only (the server computes the stored date). */
.lt-confirm { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: var(--k-r-md); background: var(--k-tag-food-bg); color: var(--k-tag-food-fg); font-size: 14px; font-weight: 600; }
.lt-confirm[hidden] { display: none; }
.lt-confirm .ic { flex: none; }

/* Document review: one line per extracted record. */
.line .lt-dates { margin-top: 2px; }
/* Each line is a <fieldset> (its legend names it): keep the .line card's border and padding over .fieldset-reset. */
.line.fieldset-reset { padding: 14px; border: 1px solid var(--k-line); margin: 0; }
.line.fieldset-reset.warn { border-color: var(--k-coral); }