/* =========================================================
   SIBA echter Darkmode-Weissflächen-Fix
   Trifft body/html Klassen UND Theme-Attribute.
   Lightmode bleibt hell, solange data-theme/light/class light aktiv ist.
   ========================================================= */

/* Darkmode-Erkennung: mehrere Varianten, weil nicht jede Seite body.siba-dark setzt */
html.siba-dark,
body.siba-dark,
html.dark,
body.dark,
html.dark-mode,
body.dark-mode,
html.darkmode,
body.darkmode,
html[data-theme="dark"],
body[data-theme="dark"],
html[data-bs-theme="dark"],
body[data-bs-theme="dark"],
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) {
    background:#0b0b0b !important;
    background-color:#0b0b0b !important;
    color:#ffffff !important;
}

/* Wichtig: wenn Lightmode wirklich aktiv ist, hell lassen */
html.siba-light,
body.siba-light,
html.light,
body.light,
html.light-mode,
body.light-mode,
html[data-theme="light"],
body[data-theme="light"],
html[data-bs-theme="light"],
body[data-bs-theme="light"]{
    background:#f0eeee !important;
    background-color:#f0eeee !important;
}

/* Alle großen Inhaltsflächen dunkel, aber nicht im echten Lightmode */
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .dashboard-page,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .dashboard-title,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .location-filter,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .standort-filter,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .dash-card,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .tree-row,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .location-content,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .location-content1,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .access-tree,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .device-row,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .content,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .main-content,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .body1,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .bodybody,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .navigationBar,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .container,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .card,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .box,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .panel,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .table-container,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .form-container,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .filter,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .filter-row,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .search-row,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .modal-content,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .bg-white,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .white,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .light{
    background:#151515 !important;
    background-color:#151515 !important;
    color:#ffffff !important;
    border-color:#ff5a1f !important;
}

/* Breite weiße Balken: direkte Kinder im Hauptbereich abdunkeln */
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) main > div,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) main > section,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .content > div,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .main-content > div,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .body1 > div,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .bodybody > div{
    background:#151515 !important;
    background-color:#151515 !important;
    color:#ffffff !important;
}

/* Inline weiße Hintergründe im Darkmode überschreiben */
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) [style*="background:white"],
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) [style*="background: white"],
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) [style*="background-color:white"],
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) [style*="background-color: white"],
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) [style*="background:#fff"],
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) [style*="background: #fff"],
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) [style*="background:#ffffff"],
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) [style*="background: #ffffff"],
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) [style*="background-color:#fff"],
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) [style*="background-color: #fff"],
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) [style*="background-color:#ffffff"],
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) [style*="background-color: #ffffff"],
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) [style*="background:#f0eeee"],
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) [style*="background: #f0eeee"],
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) [style*="background-color:#f0eeee"],
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) [style*="background-color: #f0eeee"]{
    background:#151515 !important;
    background-color:#151515 !important;
    color:#ffffff !important;
}

/* Tabellen */
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) table,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) thead,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) tbody,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) tr{
    background:#111111 !important;
    background-color:#111111 !important;
    color:#ffffff !important;
}
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) th{
    background:#1d1d1d !important;
    background-color:#1d1d1d !important;
    color:#ffffff !important;
}
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) td{
    background:#121212 !important;
    background-color:#121212 !important;
    color:#ffffff !important;
}
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) input,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) select,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) textarea{
    background:#101010 !important;
    background-color:#101010 !important;
    color:#ffffff !important;
    border-color:#ff5a1f !important;
}

/* Farben gezielt */
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .dash-card .stat-number,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .dash-card .stat-value,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .dash-card .dashboard-number,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .dash-card .hours-value{
    color:#ff6b7a !important;
}

body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .access-tree .tree-location-name,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .access-tree .location-name,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .access-tree .standort-name,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .tree-row .tree-location-name,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .tree-row .location-name,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .tree-row .standort-name,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .access-tree .online,
body:not(.siba-light):not(.light):not(.light-mode):not([data-theme="light"]) .tree-row .online{
    color:#ff7a1a !important;
}