/* Natives <dialog> und Formularelemente der Schulungsanmeldung (Static SSR, ohne MudBlazor-Interaktivität).
   Optik an den bisherigen MudDialog angelehnt. */

.schulung-dialog {
    /* Zentrierung explizit: ein globaler Reset (margin:0) hebt sonst das Standard-margin:auto des Browsers auf */
    position: fixed;
    inset: 0;
    margin: auto;
    width: min(32rem, calc(100vw - 1.5rem));
    max-height: calc(100vh - 2rem);
    padding: 1.5rem;
    border: 0;
    border-radius: var(--mud-default-borderradius, 4px);
    background: var(--mud-palette-surface, #fff);
    color: var(--mud-palette-text-primary, #17202a);
    box-shadow: var(--mud-elevation-24, 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14));
    overflow: auto;
}

.schulung-dialog-breit { width: min(40rem, calc(100vw - 1.5rem)); }

.schulung-dialog::backdrop { background: rgba(0, 0, 0, .5); }

.schulung-dialog-titel {
    margin: 0 0 .75rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6;
}

.anmelde-termin { margin: 0 0 1rem; color: var(--mud-palette-text-secondary, #526170); font-size: .875rem; }

.anmelde-label { display: block; margin-bottom: .25rem; font-size: .8rem; color: var(--mud-palette-text-secondary, #526170); }

.anmelde-eingabe {
    width: 100%;
    min-height: 48px; /* Touch-Ziel */
    padding: .6rem .75rem;
    border: 1px solid var(--mud-palette-lines-inputs, #bdbdbd);
    border-radius: var(--mud-default-borderradius, 4px);
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 16px; /* verhindert Auto-Zoom auf iOS */
    box-sizing: border-box;
}

.anmelde-eingabe:focus-visible { outline: 2px solid var(--mud-palette-primary, #1f6feb); outline-offset: 1px; }

.anmelde-eingabe:user-invalid { border-color: var(--mud-palette-error, #c62828); }

.anmelde-hinweis { margin: .5rem 0 0; font-size: .75rem; color: var(--mud-palette-text-secondary, #526170); }

.anmelde-hinweis a { color: var(--mud-palette-primary, #1f6feb); }

.anmelde-aktionen { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .5rem; margin-top: 1.25rem; }

.anmelde-aktionen .mud-button { min-height: 44px; cursor: pointer; }

.kurs-inhalte { list-style: none; margin: .25rem 0 0; padding: 0; }

.kurs-inhalte li { display: flex; gap: .5rem; align-items: flex-start; padding: .15rem 0; font-size: .875rem; }

/* Seitenhintergrund der Schulungsseiten (hell wie bisher, dunkel über die Mud-Palette) */
.kurse-hintergrund { background-color: #f3f6f8; min-height: 100%; }

.static-dunkel .kurse-hintergrund { background-color: var(--mud-palette-background); }