/* MySchool — «Hausaufgaben-Dienst» ([NEUE-VERSION], Auftrag 151, Fenster HD). Gehoert zu js/hausaufgaben-dienst.js.
 * Tippflaechen >= 44 px (iPad). Das grosse Fenster liegt ueber der Seite; die Hausaufgaben-Spalte selbst aendert ihre
 * Groesse nie (beim Schliessen ist alles wie vorher). */
.hd-tag { margin-top: 4px; }
.hd-liste { list-style: none; margin: 0; padding: 0; }
.hd-eintrag { padding: 6px 0; border-top: 1px solid rgba(0, 0, 0, 0.08); }
.hd-eintrag:first-child { border-top: 0; }
.hd-eintrag--zurueck { opacity: 0.55; text-decoration: line-through; }
.hd-eintrag__kopf { display: flex; gap: 6px; align-items: baseline; flex-wrap: wrap; }
.hd-eintrag__marke { font-size: 0.8em; color: #7a5b00; }
.hd-eintrag__text { white-space: pre-wrap; overflow-wrap: anywhere; }
.hd-eintrag__links { display: flex; flex-direction: column; gap: 2px; }
.hd-link { overflow-wrap: anywhere; font-size: 0.9em; }
.hd-eintrag__wer { font-size: 0.8em; color: #5a6270; }
.hd-eintrag__knoepfe { display: flex; gap: 6px; margin-top: 4px; }
.hd-chip { min-height: 44px; margin: 4px 4px 0 0; }
.hd-stift, .hd-zurueck, .hd-neu, .hd-gross, .hd-pfeil, .hd-form__mehr, .hd-form__abbrechen, .hd-form__speichern,
.hd-auge, .hd-einrichten-knopf, .hd-nachhinten, .hd-fenster__zu { min-height: 44px; min-width: 44px; }
.hd-gross { margin-left: 6px; padding: 0 10px; font-size: 1.05em; line-height: 1; vertical-align: middle; }
.hd-form { display: flex; flex-direction: column; gap: 6px; margin: 6px 0; padding: 8px; border: 1px solid #c9d1dc; border-radius: 8px; background: #fbfcfe; }
.hd-form__zeile { display: flex; gap: 6px; flex-wrap: wrap; }
.hd-form__zeile > * { flex: 1 1 140px; min-height: 44px; }
.hd-form__text { min-height: 88px; resize: vertical; font: inherit; }
.hd-form__links { display: flex; flex-direction: column; gap: 4px; }
.hd-form__link { min-height: 44px; }
.hd-form__meldung { min-height: 1.2em; font-size: 0.9em; color: #8a3b00; }
.hd-form__knoepfe { display: flex; gap: 8px; justify-content: flex-end; }
.hd-fenster-hinter { position: fixed; inset: 0; background: rgba(15, 20, 30, 0.35); z-index: 900; }
.hd-fenster { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 901; display: flex; flex-direction: column;
  max-width: calc(100vw - 16px); max-height: calc(100vh - 16px); background: #fff; border-radius: 10px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3); overflow: hidden; }
.hd-fenster__kopf { display: flex; align-items: center; gap: 8px; padding: 6px 8px 6px 14px; border-bottom: 1px solid #e2e6ec; flex-wrap: wrap; }
.hd-fenster__titel { margin: 0; font-size: 1.1em; flex: 1 1 auto; }
.hd-fenster__kopfknoepfe { display: flex; gap: 6px; flex-wrap: wrap; }
.hd-fenster__inhalt { flex: 1 1 auto; overflow: auto; padding: 10px 14px 24px; }
.hd-fenster__griff { position: absolute; right: 0; bottom: 0; width: 44px; height: 44px; cursor: nwse-resize; touch-action: none;
  background: linear-gradient(135deg, transparent 60%, #9aa5b5 60%, #9aa5b5 66%, transparent 66%, transparent 76%, #9aa5b5 76%, #9aa5b5 82%, transparent 82%); }
.hd-auge--an { background: #e3f5e6; border-color: #2e8540; color: #1d5c2b; }
.hd-auge--aus { background: #fbe7e7; border-color: #b3261e; color: #7a1712; }
.hd-dienst-zeile { font-weight: 600; margin: 0 0 8px; }
.hd-gruppe { margin-bottom: 10px; }
.hd-gruppe__tag { margin: 8px 0 2px; font-size: 0.95em; }
.hd-einrichten { border: 1px solid #e2e6ec; border-radius: 8px; padding: 8px 10px; margin-bottom: 12px; }
.hd-einrichten h3 { font-size: 0.95em; margin: 8px 0 4px; }
.hd-reihenfolge { margin: 0 0 6px; padding-left: 22px; }
.hd-reihenfolge__zeile { display: flex; align-items: center; gap: 6px; }
.hd-reihenfolge__name { flex: 1 1 auto; }
.hd-hinweis, .hd-protokoll { font-size: 0.85em; color: #5a6270; }