/* Deckblatt — die erste Station jedes Physiklabor-Versuchs.

   Name und Matrikelnummer für das Protokoll. Sie gehören dem VERSUCH, nicht
   der Sitzung: Wer sie ändert, beginnt genau diesen Versuch von vorn
   (Betreiber-Vorgabe 07.09.2026, gegen Zweitprotokolle durch Umbenennen).

   Eigene Datei, weil zwei verschiedene Engines dieselbe Station tragen: die
   geteilte Lernschicht der vier Regressionsversuche und die Einführung ins
   Physiklabor. Die Regeln hängen deshalb an `.deckblatt`, nicht am Container.
   Farbregeln auf p/span brauchen zwei Klassen plus Element (0,2,1), weil
   `body.neutral0color-onbackground p|a|span` (0,1,2) jede einfache
   Klassenregel still schlägt — Style Guide §4.6a. */

/* Solange Name und Matrikelnummer fehlen, sind die übrigen Stationen
   gesperrt — deshalb steht der Sperrzustand der Navigation auch hier. */
.deckblatt .deckblatt__feld {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    margin: var(--spacing-md) 0;
    max-width: 420px;
}

.deckblatt .deckblatt__feld label {
    font-weight: 600;
    color: var(--textcolor-fullcontrast);
}

.deckblatt .deckblatt__feld input {
    padding: 0.6rem 0.75rem;
    border: var(--border-thin) solid var(--surface-border);
    border-radius: var(--radius-md);
    background: var(--neutrals-0);
    color: var(--textcolor-fullcontrast);
    font-size: 1rem;
}

.deckblatt .deckblatt__feld input:focus {
    outline: 3px solid rgba(var(--primary-rgb), 0.35);
    outline-offset: 1px;
    border-color: var(--primary-color);
}

/* Der Hinweis auf das Zurücksetzen. Akzent über ::before, nicht über
   border-left — sonst entstünde die zweifarbige Kante, vor der
   blueprint_elearning.css warnt. */
.deckblatt .deckblatt__warnung {
    position: relative;
    margin: var(--spacing-lg) 0 var(--spacing-md);
    padding: var(--spacing-sm) var(--spacing-md);
    background: rgba(var(--chart-orange-rgb), 0.08);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.deckblatt .deckblatt__warnung::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: rgba(var(--chart-orange-rgb), 1);
}

.deckblatt .deckblatt__aktion {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    flex-wrap: wrap;
}

.deckblatt span.deckblatt__stand { font-size: var(--text-sm); }
.deckblatt span.deckblatt__stand.is-ok { color: var(--signals-activecolor); }
.deckblatt span.deckblatt__stand.is-fehler { color: var(--accent-color); }

/* Gesperrte Stationen bleiben sichtbar — man soll sehen, was kommt. */
.module-nav .module-nav-btn.is-gesperrt {
    opacity: 0.45;
    cursor: not-allowed;
}