/* diktat-lehrer.css — [NEUE-VERSION] (Auftrag 140, Fenster DL)
   Lehrer-Oberfläche des Diktat-Trainers (js/diktat-lehrer.js). Nur Klassen .dl-…; Farben aus den App-Tokens
   (css/styles.css) mit Rückfall. Tippflächen ≥ 44 px, kein waagrechtes Scrollen ab 320 px Breite. */

.dl-einst, .dl-klasse { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: 0.75rem; min-width: 0; }
.dl-kopf, .dl-fuss, .dl-gruppe--auswahl { grid-column: 1 / -1; }
.dl-titel { margin: 0; font-size: 1.15rem; }
.dl-unter, .dl-hinweis { margin: 0.2rem 0 0; color: var(--farbe-text-leise, #5b6b7a); font-size: 0.9rem; }
.dl-gruppe {
  margin: 0; padding: 0.6rem 0.75rem 0.75rem; min-width: 0;
  border: 1px solid var(--farbe-rand, #d7dee6); border-radius: var(--radius, 12px); background: var(--farbe-karte, #fff);
}
.dl-gruppe legend { padding: 0 0.3rem; font-weight: 700; }
.dl-gruppe--auswahl { display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; align-items: flex-end; }
.dl-gruppe--auswahl .dl-feld { flex: 1 1 16rem; }
.dl-feld { display: block; margin-top: 0.45rem; min-width: 0; }
.dl-feld__etikett { display: block; font-size: 0.85rem; color: var(--farbe-text-leise, #5b6b7a); margin-bottom: 0.15rem; }
.dl-waehler {
  box-sizing: border-box; width: 100%; max-width: 100%; min-height: 44px; padding: 0.35rem 0.5rem;
  font: inherit; font-size: 0.95rem; color: inherit; background: #fff;
  border: 1px solid var(--farbe-rand, #d7dee6); border-radius: 8px; text-overflow: ellipsis;
}
.dl-waehler:disabled { background: #f3f5f7; color: var(--farbe-text, #1f2933); opacity: 1; }
.dl-knopf {
  box-sizing: border-box; min-height: 44px; min-width: 44px; padding: 0.4rem 0.9rem; font: inherit; font-size: 0.95rem;
  border: 1px solid var(--farbe-rand, #d7dee6); border-radius: 8px; background: #fff; color: inherit; cursor: pointer;
}
.dl-knopf--haupt { background: var(--farbe-akzent, #2f6fb0); border-color: var(--farbe-akzent, #2f6fb0); color: #fff; font-weight: 600; }
.dl-knopf:disabled { opacity: 0.6; cursor: default; }
.dl-knopf:focus-visible, .dl-waehler:focus-visible { outline: 3px solid var(--farbe-akzent, #2f6fb0); outline-offset: 2px; }
.dl-fuss { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; }
.dl-meldung { margin: 0; min-height: 1.3em; font-size: 0.95rem; }
.dl-meldung--fehler { color: #a3261b; font-weight: 600; }
.dl-leer { margin: 0.4rem 0; color: var(--farbe-text-leise, #5b6b7a); }

/* Klassenresultate: die Tabelle scrollt in ihrer Hülle, nie die Seite */
.dl-klasse { display: block; }
.dl-klasse > * + * { margin-top: 0.6rem; }
.dl-tabelle-huelle { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.dl-tabelle { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.dl-tabelle th, .dl-tabelle td { padding: 0.4rem 0.5rem; border-bottom: 1px solid var(--farbe-rand, #d7dee6); text-align: left; vertical-align: top; }
.dl-tabelle thead th { font-size: 0.85rem; color: var(--farbe-text-leise, #5b6b7a); font-weight: 600; }
.dl-tabelle .dl-zahl { text-align: right; font-variant-numeric: tabular-nums; }
.dl-aktion { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.dl-leise { color: var(--farbe-text-leise, #5b6b7a); }
.dl-marke { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; color: #1d6b3a; }
@media (max-width: 640px) {
  .dl-tabelle thead { display: none; }
  .dl-tabelle tr { display: block; padding: 0.5rem 0; border-bottom: 1px solid var(--farbe-rand, #d7dee6); }
  .dl-tabelle th, .dl-tabelle td { display: block; border: 0; padding: 0.15rem 0; text-align: left; }
  .dl-tabelle td.dl-zahl { display: inline-block; margin-right: 1rem; text-align: left; }
  .dl-tabelle td.dl-zahl:nth-of-type(2)::before { content: "Versuche: "; }
  .dl-tabelle td.dl-zahl:nth-of-type(3)::before { content: "Fehler: "; }
  .dl-tabelle td.dl-zahl:nth-of-type(4)::before { content: "Note: "; }
  .dl-tabelle td:nth-of-type(5)::before { content: "Fehlerübung: "; }
}

/* Druckblätter (in der Hülle #beurteilen-druck von js/blatt-druck.js): schwarz-weiss lesbar, Schrift ≥ 9 pt */
.dl-blatt .dl-druck-h { font-size: 11pt; margin: 5mm 0 2mm; }
.dl-blatt .dl-druck-klein { font-size: 9pt; margin: 2mm 0; }
.dl-blatt .dl-ergebnis { font-size: 12pt; font-weight: 700; margin: 2mm 0; }
.dl-blatt .dl-ziele { margin: 0 0 2mm 5mm; padding: 0; }
.dl-blatt .dl-lerntext .dl-schritt { font-size: 13pt; line-height: 1.6; margin: 0 0 1.5mm; }
.dl-blatt .dl-lernwort { font-weight: 700; text-decoration: underline; text-underline-offset: 0.15em; }
.dl-blatt .dl-notizlinie { height: 9mm; border-bottom: 0.3mm solid #000; }
.dl-blatt .dl-loesung { font-size: 12pt; line-height: 1.6; }
.dl-blatt .dl-schritte { margin: 0 0 0 6mm; padding: 0; font-size: 11pt; }
.dl-blatt .dl-fehlerwort { font-size: 13pt; }
.dl-blatt .dl-schreibzeile { height: 8mm; border-bottom: 0.3mm solid #000; min-width: 45mm; }
.dl-blatt .dl-kaestchen { font-size: 16pt; }
.dl-blatt .dl-kindtext { white-space: pre-wrap; font-size: 12pt; line-height: 2.1; border: 0.3mm solid #000; padding: 3mm; }
.dl-blatt .dl-mark { text-decoration: underline; text-decoration-thickness: 0.5mm; text-underline-offset: 0.2em; background: #e6e6e6; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.dl-blatt .dl-mark--abstand { outline: 0.3mm dashed #000; background: none; }
.dl-blatt .dl-mark--zaehltnicht { text-decoration-style: dotted; }
.dl-blatt .dl-sym { font-size: 8pt; font-weight: 700; margin-left: 0.3mm; }
.dl-blatt .dl-luecke { border: 0.3mm dashed #000; padding: 0 1mm; font-size: 10pt; }
.dl-blatt .dl-drucktabelle td { vertical-align: top; }