/* Kennzeichnung des DEV-Systems: roter Rahmen um die gesamte Seite + kleines Label links oben.
   Die Klasse "dev-system" setzt Components/App.razor, sobald die Anwendung nicht über den Produktiv-Host läuft. */
body.dev-system::before {
    content: "";
    position: fixed;
    inset: 0;
    border: 4px solid #d32f2f;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 100000;
}

body.dev-system::after {
    /* Text inkl. WebAPI-Adresse setzt App.razor im Attribut data-dev-label */
    content: attr(data-dev-label);
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 8px;
    background: #d32f2f;
    color: #fff;
    font: 700 10px/14px Roboto, Arial, sans-serif;
    letter-spacing: .5px;
    border-bottom-right-radius: 4px;
    pointer-events: none;
    z-index: 100001;
}