/* ============================================================
   u-untersuchungen.css — U-Untersuchungen (ADR-115): Ablauf zum Abhaken, Impfstoffe mit PZN
   Farben nur aus farben.css. Am Handy: große Haken (44 px), eine Spalte.
   ============================================================ */
.uu-leise { color: var(--text-leise); margin: 8px 0; }
.uu-stand { font-weight: 600; color: var(--text); }
.uu-punkte, .uu-punkte-lesen { list-style: none; margin: 0; padding: 0; }
.uu-punkte li { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--rand); }
.uu-punkte li:last-child { border-bottom: 0; }
.uu-punkte input.uu-haken { flex: 0 0 auto; width: 26px; height: 26px; margin: 2px 0 0; accent-color: var(--akzent); cursor: pointer; }
.uu-punkte label { flex: 1 1 auto; line-height: 1.4; min-height: 30px; cursor: pointer; }
.uu-punkte input.uu-haken:checked + label { color: var(--text-leise); text-decoration: line-through; }
.uu-punkte-lesen li { padding: 6px 0 6px 18px; position: relative; line-height: 1.45; }
.uu-punkte-lesen li::before { content: "•"; position: absolute; left: 4px; color: var(--text-leise); }
.uu-impfung { padding: 10px 0; border-bottom: 1px solid var(--rand); }
.uu-impfung:last-of-type { border-bottom: 0; }
.uu-impfung-text { margin: 0 0 6px; line-height: 1.4; }
.uu-stoffe { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.uu-stoffe li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; padding: 6px 10px; border-radius: 8px; background: var(--karte); border: 1px solid var(--rand); }
.uu-pzn { font-variant-numeric: tabular-nums; color: var(--text-leise); }
.uu-offen { color: var(--orange); font-weight: 600; }
.uu-knoepfe { display: flex; flex-wrap: wrap; gap: 8px; }
.uu-datum { font-size: 1.15rem; min-height: 48px; width: 100%; max-width: 320px; box-sizing: border-box; }
.uu-ergebnis { margin-top: 16px; display: flex; flex-direction: column; gap: 12px; }
@media (max-width: 600px) {
  .uu-knoepfe > * { flex: 1 1 100%; }
  .uu-datum { max-width: none; }
}