/* Blazor-Vorlagenreste.

   Diese Datei kam aus der Projektvorlage und brachte ein kleines Bootstrap-
   Abbild mit: .btn, .btn-primary, .form-control, eine Schriftart auf body.
   Sie wird als letzte geladen und hat damit das Erscheinungsbild ueberstimmt —
   Knoepfe blieben im alten Blau #007bff statt Eisblau, und .form-control war
   ein weisses Feld mit dunkler Schrift auf dunklem Grund. Sichtbar wurde das
   erst dort, wo die Klasse nackt verwendet wird (Nachrichteneingabe, Topic
   anlegen, Profil).

   Farben, Knoepfe und Eingabefelder gehoeren chat.css und theme.css. Hier
   bleibt nur, was es sonst nirgends gibt.
*/

html, body {
    margin: 0;
    padding: 0;
}

.em-app {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

h1:focus {
    outline: none;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: #b32121;
    padding: 1rem;
    color: white;
}

.blazor-error-boundary::after {
        content: "An error has occurred."
    }