/* Schüler-Support (Topf 1, Punkt 9 · 31.08.2026).
   Das Markup steht in `templates/schueler-support/`; hier steht nur das Aussehen. */

.support-seite {
    max-width: 60rem;
    margin: 0 auto;
    padding: 1.5rem 1rem;
}

.support-zurueck {
    display: inline-block;
    margin-bottom: 1rem;
    background: none;
    border: none;
    color: var(--color-text-light);
    cursor: pointer;
    font: inherit;
}

.support-titel { margin-bottom: 0.5rem; }

.support-hinweis {
    color: var(--color-text-light);
    margin-bottom: 1.5rem;
}

.support-klassen,
.support-kinder {
    display: grid;
    gap: 0.5rem;
}

.support-klasse,
.support-kind {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem;
    text-align: left;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 0.375rem;
    font: inherit;
    color: inherit;
}

.support-klasse { cursor: pointer; }
.support-klasse:hover { background: var(--color-bg-light); }

.support-klasse-beiwerk,
.support-klasse-anzahl {
    color: var(--color-text-light);
    font-size: 0.8rem;
}

.support-kennwort-kasten {
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 0.375rem;
    background: var(--color-bg-subtle);
    border: 1px solid var(--color-border);
}

/* Auffällig, weil es nur einmal zu sehen ist. */
.support-kennwort-wert {
    font-size: 1.2rem;
    letter-spacing: 0.08em;
    color: var(--color-error-strong);
}

.support-kennwort-hinweis {
    color: var(--color-text-light);
    font-size: 0.8rem;
}

.support-leer {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--color-text-light);
}

.support-leer-symbol { font-size: 3rem; margin-bottom: 0.5rem; }

/* ── Lernendenverwaltung (Topf 1) ────────────────────────────────────────────
   Diese zwei Regeln gehören zum Klassen-Dialog, nicht zum Support-Bereich. Sie stehen
   trotzdem hier, weil es für den Dialog kein eigenes Stylesheet gibt und ein neues für zwei
   Regeln mehr Ordnung vortäuschen als schaffen würde. Wächst der Dialog, ziehen sie um. */

/* Die zwei Knöpfe je Kind (Punkt 6). */
.schueler-knopfreihe {
    display: flex;
    gap: 0.5rem;
}

/* Der Hinweis über den Kennwörtern: Sie sind nur jetzt zu sehen.
   Er steht ÜBER der Liste und nicht beim Download-Klick — ein Hinweis beim Klick käme zu spät
   für den, der gar nicht klickt. */
.zugangsdaten-warnung {
    margin-bottom: 1rem;
    padding: 0.75rem;
    border-radius: 6px;
    background: var(--color-bg-subtle);
    border: 1px solid var(--color-border);
    font-size: 0.85rem;
}