/* E2ris V2 – App-CSS. Nur Tokens der Components Library, Klassen mit Präfix e2-. Keine *.razor.css. */

/* ---------- Layout ---------- */
/* FocusOnNavigate setzt den Fokus nach jedem Seitenwechsel auf die Überschrift (für Screenreader) – ohne sichtbaren Rahmen */
h1:focus,
h2:focus,
h3:focus,
[tabindex="-1"]:focus {
    outline: none;
}

/* Sidebar: Navigation scrollt, Assistent und Benutzer bleiben unten sichtbar */
.e2-sidebar {
    min-height: 0;
}

.e2-sidebar__navigation {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    /* Platz für Fokusrahmen, die sonst am Scrollbereich abgeschnitten würden */
    padding: 2px;
    margin: -2px;
}

.e2-sidebar__fuss {
    flex-shrink: 0;
}

.e2-marke {
    padding: var(--oo-space-2) var(--oo-space-1);
}

.e2-taste {
    margin-left: auto;
    font-size: var(--oo-font-size-xs);
    color: var(--oo-color-text-subtle);
}

.e2-inhalt {
    min-height: var(--oo-sbl-content-height, 100%);
}

/* Inhaltsbereich einer Seite: linksbündig, Abstand zum Rand, auf breiten Bildschirmen begrenzt */
.e2-seite {
    display: flex;
    flex-direction: column;
    gap: var(--oo-space-4);
    padding: var(--oo-space-5);
    max-width: 110rem;
}

.e2-seite--schmal {
    max-width: 44rem;
}

@media (max-width: 47.99rem) {
    .e2-seite {
        padding: var(--oo-space-3);
        gap: var(--oo-space-3);
    }
}

/* ---------- Anmeldung ---------- */
.e2-leer {
    min-height: 100vh;
    background: var(--oo-color-background);
}

.e2-anmeldung {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: var(--oo-space-4);
    gap: var(--oo-space-4);
}

.e2-anmeldung > .oo-card {
    width: min(26rem, 100%);
}

.e2-anmeldung__titel {
    margin: 0;
    font-size: var(--oo-font-size-xl);
}

/* ---------- Anonyme Testinstanz ---------- */
.e2-anonym {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: var(--oo-space-2);
    z-index: 2000;
    padding: var(--oo-space-1) var(--oo-space-3);
    border-radius: var(--oo-radius-full);
    background: var(--oo-success);
    color: var(--oo-success-on);
    font-size: var(--oo-font-size-xs);
    font-weight: 600;
    pointer-events: none;
}

/* ---------- Assistent ---------- */
.e2-assistent {
    height: 100%;
    padding: var(--oo-space-3);
}

/* Knöpfe am Zeilenende einer Tabelle */
.e2-zeilenaktionen {
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-1);
    white-space: nowrap;
}


/* Aufzählung von Links mit Komma */
.e2-komma:not(:last-child)::after {
    content: ", ";
}



/* Druck: nur der Seiteninhalt (Navigation, Kopf, Assistent und Testinstanz-Etikett ausblenden) */
@media print {
    .oo-sbl__sidebar,
    .oo-sbl__resizer,
    .oo-sbl__backdrop,
    .oo-sbl__header,
    .oo-sbl__aside,
    .e2-anonym {
        display: none !important;
    }

    .oo-sbl,
    .oo-sbl__column,
    .oo-sbl__main {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
    }
}