/* feedback.css — [NEUE-VERSION] (Auftrag 129, Fenster FU): Bereich «Feedback».
 * Nur Klassen .fb-…; das Beurteilungsblatt nutzt die vorhandenen .bd-… aus
 * css/beurteilen-druck.css (nur Anzeige). Tippflächen ≥ 48 px (--tippflaeche). */

.fb-kind, .fb-admin { display: flex; flex-direction: column; gap: 0.75rem; min-width: 0; }
.fb-liste-titel { margin: 0.25rem 0; font-size: 1.15rem; }
.fb-liste { display: flex; flex-direction: column; gap: 0.5rem; }

.fb-zeile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  min-height: 56px;
  padding: 0.6rem 0.8rem;
  border: 1px solid var(--farbe-rand, #ccc);
  border-radius: 8px;
  background: var(--farbe-flaeche, #fff);
  cursor: pointer;
}
.fb-zeile--admin { cursor: default; flex-wrap: wrap; }
.fb-zeile__info { min-width: 0; flex: 1 1 auto; }
.fb-zeile__titel { font-weight: 700; font-size: 1.05rem; overflow-wrap: anywhere; }
.fb-zeile__meta { display: flex; flex-wrap: wrap; gap: 0.35rem 0.6rem; margin-top: 0.2rem; font-size: 0.9rem; color: var(--farbe-text-leise, #555); }
.fb-zeile__kurz { margin-top: 0.2rem; font-size: 0.95rem; }
.fb-zeile__aktionen { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.fb-art { font-weight: 600; }
.fb-fach { padding: 0 0.45rem; border: 1px solid currentColor; border-radius: 999px; }
.fb-neu { margin-left: 0.5rem; padding: 0 0.4rem; border-radius: 999px; background: #1f4e8c; color: #fff; font-size: 0.75rem; vertical-align: middle; }
.fb-warnmarke { color: #8a5a00; font-weight: 600; }

.fb-ansehen, .fb-nochmals, .fb-zurueck, .fb-drucken, .fb-mein-ergebnis, .fb-aendern, .fb-widerrufen,
.fb-vorschau, .fb-auge-oeffnen, .fb-freigeben, .fb-abbrechen, .fb-schliessen {
  min-height: var(--tippflaeche, 48px);
  min-width: var(--tippflaeche, 48px);
}
.fb-hinweis--fehler { color: #8b1a1a; font-style: normal; }
.fb-fehler { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; }

.fb-auge-warnung {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem;
  padding: 0.6rem 0.8rem; border: 1px solid #c9a300; border-radius: 6px; background: #fff3c4; color: #3a2f00;
}
.fb-auge-warnung__text { margin: 0; flex: 1 1 16rem; }

/* Blatt-Fenster im Kachel-Dialog */
.fb-blatt-fenster { display: flex; flex-direction: column; gap: 0.6rem; min-width: 0; }
.fb-blatt-leiste { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; }
.fb-blatt-leiste__titel { font-weight: 700; flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.fb-vorschau-marke { padding: 0.2rem 0.5rem; border-radius: 4px; background: #e8eef8; color: #1f3a66; font-size: 0.9rem; }
.fb-blatt-flaeche { overflow-x: hidden; }
.fb-blatt { width: min(100%, 794px); margin: 0 auto; background: #fff; color: #000; font-size: 1rem; }
.fb-blatt .bd-seite, .fb-seite { width: auto; max-width: 100%; min-height: 0; box-sizing: border-box; padding: 1.25rem; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); }
.fb-blatt .bd-kopf__zeile { flex-wrap: wrap; }
.fb-blatt .bd-tabelle { table-layout: auto; }
.fb-blatt .bd-lang { display: block; font-size: 0.9rem; }
.fb-unterzeile { margin: 0 0 0.6rem; color: #333; }
.fb-summe { font-size: 1.1rem; }
.fb-tabelle { width: 100%; border-collapse: collapse; margin-top: 0.6rem; }
.fb-tabelle th, .fb-tabelle td { border: 1px solid #777; padding: 0.35rem 0.5rem; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.fb-tabelle thead th { background: #eee; }
.fb-klein { display: block; font-size: 0.85rem; color: #444; }
.fb-balken { font-family: monospace; letter-spacing: 1px; }
.fb-hinweis { font-size: 0.9rem; color: #444; }

/* Freigabe-Maske */
.fb-maske { width: min(100vw - 2rem, 40rem); max-height: calc(100dvh - 2rem); padding: 0; border: 1px solid var(--farbe-rand, #ccc); border-radius: 10px; }
.fb-maske::backdrop { background: rgba(0, 0, 0, 0.35); }
.fb-maske__inhalt { display: flex; flex-direction: column; gap: 0.8rem; padding: 1rem; }
.fb-maske__kopf { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 0.2rem 0.6rem; }
.fb-maske__titel { margin: 0; font-size: 1.2rem; overflow-wrap: anywhere; }
.fb-maske__klasse { margin: 0; grid-column: 1; color: var(--farbe-text-leise, #555); }
.fb-maske__kopf .fb-schliessen { grid-column: 2; grid-row: 1 / span 2; }
.fb-maske__gruppe { margin: 0; padding: 0.5rem 0.75rem; border: 1px solid var(--farbe-rand, #ccc); border-radius: 6px; }
.fb-maske__gruppe legend { font-weight: 700; padding: 0 0.3rem; }
.fb-wahl { display: flex; align-items: center; gap: 0.6rem; min-height: var(--tippflaeche, 48px); }
.fb-wahl input[type="checkbox"], .fb-wahl input[type="radio"] { width: 1.4rem; height: 1.4rem; flex: none; }
.fb-wahl--bis { flex-wrap: wrap; }
.fb-wahl--bis input[type="date"] { min-height: 44px; }
/* [NEUE-VERSION] Auftrag 162: «Sichtbar für … Wochen», Band «Rückgängig» in der Maske, Liste in der Karte «Lernzielkontrollen» */
.fb-wahl--wochen { flex-wrap: wrap; }
.fb-wochen { min-height: 44px; width: 5.5rem; font-size: 1rem; }
.fb-maske__auge { display: flex; flex-direction: column; gap: 0.4rem; }
.fb-maske__band { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; padding: 0.5rem 0.8rem; border-radius: 6px; background: #e3f4e6; color: #17401f; }
.fb-liste--lernzielbereich { margin-bottom: 0.6rem; }
.fb-kinder { display: flex; flex-direction: column; max-height: 40vh; overflow-y: auto; }
.fb-kind-zeile__name { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
/* [NEUE-VERSION] (Auftrag 247, M1) das Testkonto in der Auswahl: grau, mit Marke «Testkonto» */
.fb-kind-zeile--testkonto { color: #5f5f5f; background: #f2f2f2; border-radius: 6px; flex-wrap: wrap; }
.fb-kind-zeile--testkonto .fb-kind-zeile__name { min-width: 8em; }
.fb-testkonto-marke { font-size: 0.8rem; padding: 0 0.4rem; border: 1px dashed #b8b8b8; border-radius: 4px; color: #5f5f5f; white-space: nowrap; }
.fb-auge { font-size: 0.85rem; white-space: nowrap; }
.fb-auge--offen { color: #1b6b2a; }
.fb-auge--zu { color: #8b1a1a; }
.fb-maske__meldung { margin: 0; min-height: 1.4em; }
.fb-maske__fuss { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: flex-end; }

/* Drucken: das Blatt hängt nur kurz als .fb-druck an <body>. */
.fb-druck { display: none; }
@media print {
  body.fb-druck-offen > *:not(.fb-druck) { display: none !important; }
  body.fb-druck-offen .fb-druck { display: block; }
  .fb-druck .fb-blatt { width: auto; }
  .fb-druck .bd-seite, .fb-druck .fb-seite { box-shadow: none; padding: 0; }
}

/* [NEUE-VERSION] Auftrag 129b (FH): Knopf «Fürs Kind freigeben» in Beurteilen und in der Übungs-Auswertung.
 * Eine Reihe, Tippfläche ≥ 44 px; bei schmaler Leiste nur das Zeichen, ganz schmal nur im Menü «⋯». */
.fb-haken { min-height: 44px; min-width: 44px; white-space: nowrap; }
.fb-haken__text { margin-left: 0.3em; }
.fb-haken--menue { width: 100%; justify-content: flex-start; }
.fb-haken__stand { margin: 6px 0 0; }
@media (max-width: 1279px) {
  .bu-kopf--tabelle .bu-druck .fb-haken__text, .bue-leiste .fb-haken__text { display: none; }
  .bu-kopf--tabelle .bu-druck .fb-haken__zeichen, .bue-leiste .fb-haken__zeichen { margin: 0; }
}
@media (max-width: 699px) {
  .bu-kopf--tabelle .bu-druck .fb-haken { display: none; }
}