/* ============================================================
   Dark-Mode-Standardisierung fuer admin.update.busapp.biz.
   Ueberschreibt die hellen Styles aus main.css und cms.css (die
   aus busapp2 uebernommen wurden) fuer alle sichtbaren Elemente
   des Admin-Backends. Laedt zuletzt, damit Spezifitaet greift.
   ============================================================ */


/* ── Body + Basis ─────────────────────────────────────── */

body {
	background-color: rgb(18, 22, 32) !important;
	color: rgb(225, 228, 238) !important;
}

a { color: rgb(130, 180, 240); }
a:hover { color: rgb(165, 205, 250); }

code {
	background-color: rgb(30, 34, 44);
	color: rgb(200, 215, 235);
	padding: 1px 5px;
	border-radius: 2px;
	font-family: Consolas, Monaco, monospace;
}


/* ── Login ────────────────────────────────────────────── */

.login-wrap {
	background: linear-gradient(rgb(18, 22, 32) 0%, rgb(20, 28, 44) 45%, rgb(24, 44, 72) 100%) !important;
}

.login-box {
	background-color: rgba(28, 32, 44, 0.92) !important;
	border: 1px solid rgb(55, 60, 78) !important;
	color: rgb(225, 228, 238);
}

/* Logo etwas kleiner + ein Tick hoeher, damit der Titel darunter sauber Platz hat */
.login-logo {
	top: 14px !important;
	right: 16px !important;
	height: 28px !important;
}

.login-box h1 {
	color: rgb(130, 180, 240) !important;
	margin-top: 18px !important;
	padding-right: 56px; /* Platz fuer das Logo oben rechts, falls Titel laenger wird */
}

.login-box label {
	color: rgb(180, 185, 205) !important;
}

.login-box input[type="text"],
.login-box input[type="password"] {
	background-color: rgb(24, 28, 38) !important;
	border: 1px solid rgb(60, 65, 80) !important;
	color: rgb(230, 230, 240) !important;
}

.login-box input[type="text"]:focus,
.login-box input[type="password"]:focus {
	outline: none;
	border-color: rgb(100, 150, 220) !important;
}

.login-box button {
	background-color: rgb(80, 140, 220) !important;
	color: rgb(255, 255, 255) !important;
}
.login-box button:hover {
	background-color: rgb(100, 160, 240) !important;
}
.login-box button:disabled {
	background-color: rgb(55, 60, 75) !important;
	color: rgb(120, 125, 140) !important;
}

.login-version {
	color: rgb(120, 125, 145) !important;
}

.login-fehler {
	color: rgb(240, 170, 160) !important;
}

.login-cookie-check {
	color: rgb(175, 180, 200) !important;
}

.login-cookie-link {
	color: rgb(130, 180, 240) !important;
}
.login-cookie-link:hover {
	color: rgb(170, 210, 250) !important;
}

.login-cookie-info {
	background-color: rgba(28, 32, 44, 0.95) !important;
	border: 1px solid rgb(55, 60, 78) !important;
	color: rgb(200, 205, 220) !important;
}
.login-cookie-info h2 {
	color: rgb(130, 180, 240) !important;
}
.login-cookie-info dt,
.login-cookie-info strong {
	color: rgb(235, 240, 250) !important;
}
.login-cookie-info dd {
	color: rgb(180, 185, 205) !important;
}
.login-cookie-close {
	background-color: rgb(80, 140, 220) !important;
	color: rgb(255, 255, 255) !important;
}
.login-cookie-close:hover {
	background-color: rgb(100, 160, 240) !important;
}

/* Safety-Net: Form-Element-Selektoren, falls Label/Button durch andere CSS gestreift werden */
.login-box form label {
	color: rgb(180, 185, 205);
}
.login-box form input:focus {
	outline: 2px solid rgb(100, 150, 220);
	outline-offset: -1px;
}


/* ── Topbar ───────────────────────────────────────────── */

.cms-topbar {
	background-color: rgb(22, 26, 36) !important;
	border-bottom: 1px solid rgb(55, 60, 75) !important;
}

.cms-topbar .btn {
	background-color: rgb(35, 40, 52) !important;
	border: 1px solid rgb(55, 60, 75) !important;
	color: rgb(210, 215, 230) !important;
}
.cms-topbar .btn:hover {
	background-color: rgb(48, 54, 72) !important;
	color: rgb(240, 245, 255) !important;
}

.cms-topbar .btn-tab {
	background-color: rgb(30, 34, 44) !important;
	border: 1px solid rgb(55, 60, 75) !important;
	color: rgb(190, 195, 215) !important;
}
.cms-topbar .btn-tab.aktiv {
	background-color: rgb(55, 95, 175) !important;
	border-color: rgb(80, 125, 205) !important;
	color: rgb(245, 250, 255) !important;
}

.cms-topbar .abmelden {
	color: rgb(180, 185, 205) !important;
}
.cms-topbar .abmelden:hover {
	color: rgb(240, 245, 255) !important;
}


/* ── Sidebar (Kontext-Liste) ──────────────────────────── */

.cms-baum {
	background-color: rgb(22, 26, 36) !important;
	border-right: 1px solid rgb(45, 50, 62) !important;
	color: rgb(210, 215, 230);
}

.baum-label {
	color: rgb(140, 150, 175) !important;
}


/* ── Content-Bereich ─────────────────────────────────── */

.cms-content {
	background-color: rgb(18, 22, 32) !important;
	color: rgb(225, 228, 238);
}

.cms-content h2 {
	color: rgb(130, 180, 240) !important;
}


/* ── Auswahl-Panel (rechts, falls benutzt) ────────────── */

.cms-auswahl {
	background-color: rgb(22, 26, 36) !important;
	border-left: 1px solid rgb(45, 50, 62) !important;
}

.auswahl-toggle {
	color: rgb(140, 150, 175) !important;
}
.auswahl-toggle:hover {
	background-color: rgb(35, 40, 52) !important;
	color: rgb(230, 235, 250) !important;
}

.auswahl-panel {
	background-color: rgb(22, 26, 36) !important;
	border-left: 1px solid rgb(45, 50, 62) !important;
}


/* ── Generische Text/Input-Elemente ausserhalb von .admin-* ── */

input, select, textarea, button {
	font-family: inherit;
}

.lade-info {
	color: rgb(180, 185, 205);
	font-size: 13px;
	padding: 14px 0;
}


/* ── Speichern-Info-Badges im Sidebar/Topbar-Kontext ── */

.speichern-info {
	font-size: 11px;
	color: rgb(180, 185, 205);
}


/* ── Release-Assets-Tabelle (.update-tabelle aus busapp2) ── */

.update-tabelle th {
	background-color: rgb(28, 32, 42) !important;
	color: rgb(210, 215, 230) !important;
	border-bottom: 2px solid rgb(55, 60, 75) !important;
}
.update-tabelle td {
	color: rgb(215, 220, 235) !important;
	border-bottom: 1px solid rgb(45, 50, 62) !important;
}
.update-tabelle tr:hover td {
	background-color: rgb(32, 36, 48) !important;
}
.update-tabelle code {
	background-color: rgb(30, 34, 44) !important;
	color: rgb(200, 215, 235) !important;
}


/* ── File-Input (Browser-Default ist hell) ─────────────── */

input[type="file"] {
	color: rgb(210, 215, 230);
	font-size: 12px;
	background-color: rgb(24, 28, 38);
	border: 1px solid rgb(60, 65, 80);
	border-radius: 3px;
	padding: 4px 6px;
	font-family: inherit;
}

input[type="file"]::file-selector-button {
	background-color: rgb(60, 65, 80);
	color: rgb(225, 230, 240);
	border: 0;
	border-radius: 2px;
	padding: 4px 10px;
	font-size: 12px;
	cursor: pointer;
	margin-right: 10px;
	font-family: inherit;
}
input[type="file"]::file-selector-button:hover {
	background-color: rgb(75, 80, 98);
}