/* Seitenübergreifende Regeln des Backoffice (PPAPP-212). Farben nur über die MudBlazor-Variablen aus AdminTheme. */

/* Sichtbarer Tastaturfokus überall; MudBlazor zeigt ihn an vielen Stellen kaum. Kontrast ≥ 3:1 prüft AdminThemeTests. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 2px solid var(--mud-palette-tertiary);
    outline-offset: 2px;
}

/* Seitenleiste: Abschnittsüberschriften und aktiver Eintrag wie im Entwurf. */
.lr-nav-section {
    margin: 16px 12px 6px 16px;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

/* Volle Breite minus Rand, auch für den hervorgehobenen aktiven Eintrag (vorher nur so breit wie der Text). */
.lr-nav .mud-nav-link {
    border-radius: var(--mud-default-borderradius);
    margin: 1px 8px;
    width: calc(100% - 16px);
    box-sizing: border-box;
    min-height: 40px;
}

.mud-navmenu.lr-nav .mud-nav-item .mud-nav-link.active:not(.mud-nav-link-disabled) {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, var(--mud-palette-surface));
    color: var(--mud-palette-primary);
    font-weight: 600;
}

/* Seitenkopf: Titel und Aktionen brechen auf schmalen Bildschirmen und bei Zoom um. */
.lr-page-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px 16px;
    margin-bottom: 24px;
}

.lr-page-header__text {
    flex: 1 1 320px;
    min-width: 0;
}

.lr-page-header__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Rahmen um Karten statt Schatten: ruhiger, und die Fläche bleibt auch bei hohem Kontrast erkennbar. */
.mud-paper.mud-elevation-1 {
    box-shadow: none;
    border: 1px solid var(--mud-palette-lines-default);
}

/* Breite Tabellen scrollen in ihrem Kasten statt die Seite zu verbreitern (Mobil, 200 % Zoom). */
.mud-simple-table .mud-table-container,
.mud-table .mud-table-container { overflow-x: auto; }

/* Name als Link in Listen: als Link erkennbar, nicht nur über die Farbe. */
.mud-table .mud-table-cell .mud-link { font-weight: 600; }

/* Listen (PPAPP-219): Suche und Sammelaktionen umbrechen, Zweitangaben klein unter dem Namen, lange Werte umbrechen statt
   die Tabelle zu verbreitern. */
.lr-list-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; width: 100%; padding: 8px 0; }
.lr-list-toolbar > :first-child { flex: 1 1 260px; }
.lr-list-filter { flex: 0 1 200px; min-width: 160px; }
.lr-list-bulk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.lr-list-bulk__count { font-size: 0.875rem; font-weight: 500; color: var(--mud-palette-text-primary); }
.lr-list-sub { display: block; font-size: 0.8125rem; color: var(--mud-palette-text-secondary); }
.lr-list-nowrap { white-space: nowrap; }

/* Nur für Screenreader, z. B. die Langfassung eines Abzeichens. */
.lr-sr-only {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
    clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}