/* notizen.css — Ansicht „Heute": Tageseingabe für Flavio (mobile-first, große Felder) und Lesen für die Eltern. */
.notiz-seite h1 { font-size: 1.35rem; margin-bottom: 6px; }
.notiz-quelle { margin-bottom: 12px; }
.notiz-digest { font-size: 0.95rem; }
p.notiz-sperre { margin-bottom: 16px; }
.notiz-krank { margin-bottom: 16px; }

.notiz-fach { padding: 16px; }
.notiz-kopf { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-bottom: 10px; }
.notiz-kopf h2 { margin: 0; font-size: 1.25rem; flex: 1 1 auto; }
.notiz-aus-pille { display: none; }
.notiz-fach.ausgefallen { background: #f3f4f6; border-style: dashed; }
.notiz-fach.ausgefallen .notiz-aus-pille { display: inline-block; }
.notiz-fach.ausgefallen .feld, .notiz-fach.ausgefallen .notiz-plantext { opacity: 0.55; }
.notiz-plantext { margin-bottom: 10px; }

.notiz-fach .feld { margin-bottom: 12px; }
.notiz-fach .feld label { font-size: 1rem; }
.notiz-fach textarea {
  min-height: 84px;
  font-size: 1.05rem;
  line-height: 1.45;
  padding: 12px 14px;
  border-radius: 12px;
}
.notiz-fach textarea:disabled { background: #f3f4f6; color: var(--grau); }
.notiz-knoepfe { margin-top: 0; }
.notiz-knoepfe .knopf { flex: 1 1 140px; }
.notiz-status { margin: 10px 0 0; min-height: 1.3em; }
.notiz-status.warn { color: var(--warn); font-weight: 600; }

.notiz-aktionen .knopfleiste .knopf { flex: 1 1 160px; }
.unterformular.versteckt { display: none; }

/* Eltern */
.notiz-datumwahl { max-width: 260px; }
.notiz-pillen { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.notiz-pillen:empty { display: none; }
.notiz-fach.lesen h3 { margin: 12px 0 4px; font-size: 0.9rem; color: var(--grau); text-transform: uppercase; letter-spacing: 0.04em; }
.notiz-lesen { white-space: pre-wrap; margin: 0; line-height: 1.5; padding: 10px 12px; background: #f7f8f9; border-radius: 10px; }
.notiz-lesen.leer { color: var(--grau); font-style: italic; background: transparent; padding: 0; }

@media (min-width: 720px) {
  .notiz-seite h1 { font-size: 1.6rem; }
  .notiz-knoepfe .knopf, .notiz-aktionen .knopfleiste .knopf { flex: 0 1 auto; }
}