/* AMS2 Manager Custom Dark Theme */

html, body {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
    font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* WICHTIG: Blazor Standard-Hintergrund überschreiben & Mindesthöhe erzwingen (Scrollbalken Fix) */
.page {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
    min-height: 100vh; /* Zwingt die Seite immer hoch genug zu sein, damit der Scrollbalken nie verschwindet */
    display: flex;
    flex-direction: column;
}

main {
    background-color: #121212 !important;
    flex: 1; /* Füllt den restlichen Platz unter der Navbar aus */
}

/* Navbar */
.navbar {
    background-color: #1a1a1a !important;
    border-bottom: 1px solid #333;
}

/* Karten (Cards) */
.card {
    background-color: #1e1e1e !important;
    border: 1px solid #333 !important;
    color: #e0e0e0 !important;
}

.card-header {
    background-color: #252525 !important;
    border-bottom: 1px solid #333 !important;
    font-weight: 600;
    color: #fff !important;
}

/* Tabellen */
.table {
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

.table > :not(caption) > * > * {
    background-color: transparent !important;
    color: #e0e0e0 !important;
}

.table-hover > tbody > tr:hover > * {
    background-color: #2a2a2a !important;
    color: #fff !important;
}

/* Der grüne "CREATE" Button */
.btn-success {
    --bs-btn-bg: #28a745;
    --bs-btn-border-color: #28a745;
    --bs-btn-hover-bg: #218838;
    --bs-btn-hover-border-color: #1e7e34;
    font-weight: bold;
    color: #fff !important;
}

/* Tabs (Nav-Tabs) */
.nav-tabs {
    border-bottom: 1px solid #333;
}

.nav-tabs .nav-link {
    color: #888;
    border: 1px solid transparent;
}

.nav-tabs .nav-link:hover {
    color: #fff;
    border-color: transparent;
}

.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #1e1e1e;
    border-color: #333 #333 #1e1e1e #333;
}

/* Fortschrittsbalken */
.progress {
    background-color: #333;
    border-radius: 4px;
}

/* Formulareingaben (Inputs) dunkel machen */
.form-control, .form-select {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

.form-control:focus, .form-select:focus {
    background-color: #2a2a2a !important;
    color: #fff !important;
    border-color: #555 !important;
    box-shadow: none !important;
}

/* Validierungszusammenfassung */
.validation-message, .text-danger {
    color: #dc3545 !important;
}

/* Blazor Error UI ausblenden oder anpassen (optional) */
#blazor-error-ui {
    background-color: #1a1a1a;
    color: #fff;
    border: 1px solid #333;
}

/* Blaues Leuchten bei Checkboxen/Schaltern deaktivieren */
.form-check-input:focus {
    border-color: #555 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Form switch slider fix: active (blue) knob on the right, inactive (grey) knob on the left */
.form-switch .form-check-input {
    background-position: left center !important;
}

.form-switch .form-check-input:checked {
    background-position: right center !important;
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}