/* Dark Mode – überschreibt nur Hintergründe und Textfarben, kein Layout */

html,
body {
    background: #1c1c1e !important;
    color: #e5e5e7;
}

/* Login-Seite: dunkler Verlauf statt hell */
body .ui.middle.aligned.grid {
    background: transparent;
}
body {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f0f1a 100%) !important;
}

/* Container & Segmente */
.ui.container {
    background: transparent;
}
.ui.segment {
    background: #2c2c2e !important;
    border-color: #3a3a3c !important;
    color: #e5e5e7;
}

/* Menü (Header) */
.ui.secondary.menu {
    background: #2c2c2e !important;
    border: 1px solid #3a3a3c !important;
}
.ui.secondary.menu .item {
    color: #e5e5e7 !important;
}
.ui.secondary.menu .item:hover {
    background: #3a3a3c !important;
    color: #fff !important;
}
.ui.secondary.menu .header.item {
    color: #e5e5e7 !important;
}

/* Trennlinie */
.ui.divider {
    border-color: #3a3a3c !important;
}

/* Überschriften */
.ui.header,
.ui.grey.dividing.header,
.ui.dividing.header {
    color: #e5e5e7 !important;
    border-color: #3a3a3c !important;
}

/* Tabellen */
.ui.celled.table {
    background: #2c2c2e !important;
    color: #e5e5e7;
    border-color: #3a3a3c !important;
}
.ui.celled.table thead th {
    background: #3a3a3c !important;
    color: #e5e5e7 !important;
    border-color: #454545 !important;
}
.ui.celled.table td {
    border-color: #3a3a3c !important;
    color: #e5e5e7;
}
.ui.celled.table tbody tr:hover {
    background: #363638 !important;
}

/* Formulare & Inputs */
.ui.form input[type="text"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.input input {
    background: #3a3a3c !important;
    border-color: #454545 !important;
    color: #e5e5e7 !important;
}
.ui.form input::placeholder {
    color: #8e8e93;
}
.ui.labeled.input .label {
    background: #3a3a3c !important;
    border-color: #454545 !important;
    color: #e5e5e7 !important;
}

/* Login-Formular Karte */
.ui.stacked.segment {
    background: #2c2c2e !important;
    border-color: #3a3a3c !important;
}
.ui.stacked.segment .content,
.ui.stacked.segment .header {
    color: #e5e5e7 !important;
}

/* HoverEdit (Device-Listen) – dunkle Variante */
.hoverEdit .item.active {
    background-color: #3a3a3c !important;
}
.hoverEdit .item:hover {
    background-color: #363638 !important;
    border-color: #454545 !important;
}

/* Footer */
.footer-credit {
    color: #8e8e93 !important;
}
.footer-credit a {
    color: #a0a0a5 !important;
}

/* Buttons: Farben beibehalten, nur Lesbarkeit sichern */
.ui.blue.button,
.ui.teal.button,
.ui.positive.button {
    color: #fff !important;
}

/* Dimmer (Loader) */
.ui.dimmer {
    background: rgba(0, 0, 0, 0.7) !important;
}
.ui.dimmer .ui.loader {
    color: #e5e5e7;
}

/* Logs-Bereich: bleibt dunkel, nur Rand anpassen */
.ui.segment .logs {
    background-color: #1e1e20 !important;
    border: 1px solid #3a3a3c;
}