html, body {
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    margin: 0;
    min-height: 100%;
    background: radial-gradient(circle at top left, #020617 0, #020617 30%, #0b1120 65%, #020617 100%) !important;
    color: #e5e7eb !important;
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

/* Haupt-Container aus dem Standard-Blazor-Layout */
.page {
    min-height: 100vh;
    background: transparent !important;
    color: inherit;
}

/* Verhindere helle Hintergründe im Main-Bereich */
main, .main, .page > main {
    background: transparent !important;
    color: inherit;
}

/* Häufige Wrapper von Blazor-Templates */
.app, .app-shell, .wrapper, .container, .content-wrapper {
    background: transparent !important;
    color: inherit;
}

.content {
    padding-top: 1.1rem;
    background: transparent !important;
    color: inherit;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA9๊ข6ຂໄຂກກ່ຂກໂກເກແເໂແໂໃໄໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃໃ
}

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

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

/* Layout-Grundstruktur dunkel halten */
/* .page {
    min-height: 100vh;
} */

/* Sidebar dunkel */
.sidebar {
    background: #020617;
    border-right: 1px solid rgba(30, 64, 175, 0.7);
}

/* Top-Menü dunkel */
.top-row {
    background: #020617;
    border-bottom: none !important;
    color: #e5e7eb;
    box-shadow: none; /* falls der Effekt von einem Schatten kam */
}

/* Links im Header */
.top-row a {
    color: #9ca3af;
    text-decoration: none;
}

.top-row a:hover {
    color: #e5e7eb;
}

/* Hauptbereich ohne hellen Hintergrund */
/* main {
    background: transparent;
    color: inherit;
} */

/* Falls NavMenu eigene Hintergrundfarbe hat, überschreiben */
/* .nav-menu, .nav-scrollable, nav {
       background: transparent;
       color: inherit;
   } */

.page > main {
    background: transparent !important;
    color: inherit;
    border-top: none !important;
}

.page .top-row {
    background: #020617 !important;
    border-bottom: none !important;
    color: #e5e7eb !important;
    box-shadow: none !important;
}

.page .top-row a {
    color: #9ca3af !important;
    text-decoration: none;
}

.page .top-row a:hover {
    color: #e5e7eb !important;
    background-color: transparent;
}