/* Grundregeln fuer nacktes HTML. Kein Bootstrap (#1146): Komponenten stylen sich per CSS-Isolation. */
*, ::before, ::after { box-sizing: border-box; }

html, body {
    margin: 0;
    min-height: 100%;
    background: var(--surface-page);
    color: var(--text-body);
    font-family: var(--font-ui);
    font-size: var(--text-base);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, p { margin: 0; }
img, svg { vertical-align: middle; }

button {
    font: inherit;
    color: inherit;
    cursor: pointer;
}

:focus-visible {
    outline: 3px solid var(--focus-ring);
    outline-offset: 2px;
}

.app-laden {
    padding: 48px 16px;
    text-align: center;
    color: var(--text-muted);
}

#blazor-error-ui {
    display: none;
    position: fixed;
    inset: auto 0 0 0;
    z-index: 1000;
    padding: 12px 16px;
    background: var(--danger-100);
    border-top: 2px solid var(--danger-600);
    color: var(--text-strong);
}

#blazor-error-ui .reload { color: inherit; font-weight: 600; margin-left: 8px; text-decoration: underline; }