/* =========================================================
   SIBA FINAL DARKMODE DESIGN
   Ziel: wie Referenzbild - orange Header, dunkle Panels,
   orange Konturen, saubere Abstände, auf allen Seiten.
   ========================================================= */

:root{
    --siba-orange:#ff5a1f;
    --siba-orange-2:#ff7a1a;
    --siba-orange-hover:#e94c13;
    --siba-bg:#0b0b0b;
    --siba-panel:#151515;
    --siba-panel-soft:#181818;
    --siba-panel-dark:#101010;
    --siba-border:#ff5a1f;
    --siba-border-soft:rgba(255,90,31,.65);
    --siba-line:rgba(255,90,31,.45);
    --siba-text:#ffffff;
    --siba-text-soft:#d8d8d8;
}

/* Header bleibt orange */
.siba-header,
body.siba-dark .siba-header{
    background:linear-gradient(90deg, #ff7a1a, #ff441f) !important;
    border-bottom:0 !important;
    box-shadow:none !important;
}

/* Header Buttons wie im System eingebaut */
.siba-header-buttons{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}

.siba-header-buttons .Abmelden,
.siba-header-buttons .DAYNIGHT,
.siba-header-buttons a{
    display:none !important;
}

.siba-header-ui-btn,
body.siba-dark .siba-header-ui-btn{
    height:28px !important;
    min-width:92px !important;
    border:1px solid rgba(255,255,255,.45) !important;
    border-radius:4px !important;
    background:rgba(255,255,255,.14) !important;
    color:#ffffff !important;
    padding:0 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    cursor:pointer !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:.6px !important;
    text-transform:uppercase !important;
    box-shadow:none !important;
    white-space:nowrap !important;
    line-height:1 !important;
}

.siba-header-ui-btn:hover,
body.siba-dark .siba-header-ui-btn:hover{
    background:rgba(255,255,255,.25) !important;
    color:#ffffff !important;
}

.siba-header-ui-btn i{
    color:#ffffff !important;
    font-size:11px !important;
}

.siba-header-lang-wrap{
    position:relative !important;
}

#sibaHeaderLangMenu{
    display:none !important;
    position:absolute !important;
    right:0 !important;
    top:36px !important;
    width:185px !important;
    background:white;
    border:1px solid #d9d9d9 !important;
    border-radius:4px !important;
    overflow:hidden !important;
    box-shadow:0 8px 22px rgba(0,0,0,.18) !important;
    z-index:999999 !important;
}

#sibaHeaderLangMenu.show{
    display:block !important;
}

#sibaHeaderLangMenu button{
    width:100% !important;
    height:34px !important;
    border:0 !important;
    border-radius:0 !important;
    background:white;
    color:#526872 !important;
    padding:0 14px !important;
    text-align:left !important;
    cursor:pointer !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:.5px !important;
    text-transform:uppercase !important;
    display:block !important;
}

#sibaHeaderLangMenu button:hover{
    background:var(--siba-orange) !important;
    color:#ffffff !important;
}

/* ===================== DARKMODE BASIS ===================== */

html.siba-dark,
body.siba-dark{
    background:var(--siba-bg) !important;
    color:var(--siba-text) !important;
}

body.siba-dark .siba-layout,
body.siba-dark .siba-main,
body.siba-dark main,
body.siba-dark section,
body.siba-dark .page-content,
body.siba-dark .main-content,
body.siba-dark .content,
body.siba-dark .wrapper,
body.siba-dark .dashboard,
body.siba-dark .container-fluid{
    background:var(--siba-bg) !important;
    color:var(--siba-text) !important;
}

/* Hauptbereich bekommt saubere Abstände wie Referenz */
body.siba-dark .siba-main{
    padding-bottom:28px !important;
}

body.siba-dark .siba-main > *:not(.siba-header){
    margin-left:8px !important;
    margin-right:8px !important;
}

/* Weiße leere Header-/Titelbereiche: nicht weiß, sondern Panel */
body.siba-dark .siba-main > .header,
body.siba-dark .siba-main .header:not(.siba-header),
body.siba-dark .page-header,
body.siba-dark .content-header,
body.siba-dark .section-header,
body.siba-dark .user-header,
body.siba-dark container.header{
    background:var(--siba-panel) !important;
    color:#ffffff !important;
    border:1px solid var(--siba-border-soft) !important;
    border-radius:4px !important;
    box-shadow:0 0 0 1px rgba(0,0,0,.25) inset !important;
}

/* Wenn ein oberer Block komplett leer ist, nimmt er weniger störend Platz ein */
body.siba-dark .siba-main > .header:empty,
body.siba-dark .siba-main .header:not(.siba-header):empty{
    min-height:42px !important;
}

/* Panels/Kästen - Referenzlook */
body.siba-dark .zeit-title,
body.siba-dark .zeit-card,
body.siba-dark .card,
body.siba-dark .box,
body.siba-dark .container,
body.siba-dark .panel,
body.siba-dark .modal-content,
body.siba-dark .dropdown-menu,
body.siba-dark .table-box,
body.siba-dark .form-box,
body.siba-dark .list-box,
body.siba-dark .stat-box,
body.siba-dark .filter-box,
body.siba-dark .content-box,
body.siba-dark .white-box,
body.siba-dark .report-box,
body.siba-dark .anw-card,
body.siba-dark .device-box,
body.siba-dark .right-box,
body.siba-dark .geraete-box,
body.siba-dark .devices-box,
body.siba-dark .filter-right,
body.siba-dark .access-control,
body.siba-dark .access-control-units,
body.siba-dark .acu-list,
body.siba-dark .device-list,
body.siba-dark .tree,
body.siba-dark .location-list,
body.siba-dark [class*="card"],
body.siba-dark [class*="box"],
body.siba-dark [class*="panel"]{
    background:linear-gradient(180deg, #181818 0%, #131313 100%) !important;
    color:var(--siba-text) !important;
    border:1px solid var(--siba-border-soft) !important;
    border-radius:4px !important;
    box-shadow:0 0 0 1px rgba(0,0,0,.22) inset !important;
}

/* Direkte sichtbare Content-Blöcke ebenfalls wie Panels */
body.siba-dark .siba-main > div:not(.siba-header):not(.siba-sidebar):not(.siba-layout):not(.row):not(.clearfix),
body.siba-dark .siba-main > form,
body.siba-dark .siba-main > section,
body.siba-dark .siba-main > container{
    background:linear-gradient(180deg, #181818 0%, #131313 100%) !important;
    color:var(--siba-text) !important;
    border:1px solid var(--siba-border-soft) !important;
    border-radius:4px !important;
    box-shadow:0 0 0 1px rgba(0,0,0,.22) inset !important;
}

/* Dashboard typische Kachel-Gruppen: schöner als harte Vollbreite */
body.siba-dark .siba-main .row,
body.siba-dark .siba-main .dashboard-row,
body.siba-dark .siba-main .grid,
body.siba-dark .siba-main .cards{
    background:transparent !important;
    border-color:transparent !important;
}

/* Text */
body.siba-dark h1,
body.siba-dark h2,
body.siba-dark h3,
body.siba-dark h4,
body.siba-dark h5,
body.siba-dark h6{
    color:#ffffff !important;
    font-weight:800 !important;
}

body.siba-dark p,
body.siba-dark label,
body.siba-dark small,
body.siba-dark strong,
body.siba-dark b,
body.siba-dark li,
body.siba-dark a,
body.siba-dark td,
body.siba-dark th{
    color:#ffffff !important;
}

body.siba-dark div,
body.siba-dark span{
    color:inherit;
}

/* Select/Filter oben */
body.siba-dark input,
body.siba-dark select,
body.siba-dark textarea,
body.siba-dark .form-control,
body.siba-dark .form-select{
    background:#101010 !important;
    color:#ffffff !important;
    border:1px solid var(--siba-border-soft) !important;
    border-radius:4px !important;
    box-shadow:none !important;
}

body.siba-dark input:focus,
body.siba-dark select:focus,
body.siba-dark textarea:focus{
    outline:none !important;
    border-color:var(--siba-orange) !important;
    box-shadow:0 0 0 2px rgba(255,90,31,.22) !important;
}

body.siba-dark option{
    background:#101010 !important;
    color:#ffffff !important;
}

body.siba-dark input::placeholder,
body.siba-dark textarea::placeholder{
    color:#cfcfcf !important;
}

body.siba-dark input[type="date"]::-webkit-calendar-picker-indicator{
    filter:invert(1);
}

/* Select2 */
body.siba-dark .select2-container,
body.siba-dark .select2-selection,
body.siba-dark .select2-selection__rendered,
body.siba-dark .select2-dropdown,
body.siba-dark .select2-results__option{
    background:#101010 !important;
    color:#ffffff !important;
    border-color:var(--siba-border-soft) !important;
}

/* Tabellen wie Referenz: feine Orange-Linie außen/oben */
body.siba-dark table,
body.siba-dark .table,
body.siba-dark .zeit-table{
    background:#111111 !important;
    color:var(--siba-text) !important;
    border:1px solid var(--siba-border-soft) !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    border-radius:4px !important;
    overflow:hidden !important;
}

body.siba-dark thead,
body.siba-dark tbody,
body.siba-dark tr{
    background:transparent !important;
}

body.siba-dark th{
    background:#1d1d1d !important;
    color:#ffffff !important;
    border-bottom:1px solid var(--siba-line) !important;
    font-weight:800 !important;
}

body.siba-dark td{
    background:#121212 !important;
    color:#f2f2f2 !important;
    border-bottom:1px solid #303030 !important;
}

body.siba-dark tr:hover td{
    background:#202020 !important;
}

/* Unter-Linien in Bereichen */
body.siba-dark hr,
body.siba-dark .divider,
body.siba-dark .separator,
body.siba-dark .collapse-bar,
body.siba-dark .toggle-bar,
body.siba-dark .middle-bar{
    border-color:var(--siba-line) !important;
    background:#151515 !important;
    color:#f2f2f2 !important;
}

/* Listen/Access-Control ähnlich Referenz */
body.siba-dark .siba-main li,
body.siba-dark .siba-main .list-row,
body.siba-dark .siba-main .row-item,
body.siba-dark .siba-main .unit-row,
body.siba-dark .siba-main .device-row,
body.siba-dark .tree-node{
    background:#151515 !important;
    color:#f2f2f2 !important;
    border-color:var(--siba-line) !important;
}

body.siba-dark .access-control *,
body.siba-dark .access-control-units *,
body.siba-dark .acu-list *,
body.siba-dark .device-list *,
body.siba-dark .tree *,
body.siba-dark .tree-node *,
body.siba-dark .location-list *{
    color:inherit;
}

/* Sidebar */
body.siba-dark .siba-sidebar,
body.siba-dark #sidebar,
body.siba-dark .sidebar,
body.siba-dark .side-menu,
body.siba-dark .menu,
body.siba-dark nav{
    background:#050505 !important;
    color:#ffffff !important;
    border-right:1px solid #202020 !important;
}

body.siba-dark .siba-sidebar a,
body.siba-dark #sidebar a,
body.siba-dark .sidebar a,
body.siba-dark .side-menu a,
body.siba-dark nav a{
    color:#ffffff !important;
}

body.siba-dark .siba-sidebar a:hover,
body.siba-dark #sidebar a:hover,
body.siba-dark .sidebar a:hover,
body.siba-dark .side-menu a:hover,
body.siba-dark nav a:hover{
    background:#151515 !important;
}

body.siba-dark .siba-sidebar .active,
body.siba-dark .siba-sidebar li.active,
body.siba-dark .navigation-list .active{
    border-left:3px solid var(--siba-orange) !important;
}

/* Buttons */
body.siba-dark button,
body.siba-dark .btn,
body.siba-dark input[type="submit"],
body.siba-dark input[type="button"]{
    border-color:var(--siba-border-soft) !important;
}

body.siba-dark .btn-filter,
body.siba-dark .btn-primary,
body.siba-dark .button-primary,
body.siba-dark .export-btn{
    background:var(--siba-orange) !important;
    color:#ffffff !important;
    border:1px solid var(--siba-orange) !important;
    border-radius:4px !important;
}

body.siba-dark .btn-filter:hover,
body.siba-dark .btn-primary:hover,
body.siba-dark .button-primary:hover,
body.siba-dark .export-btn:hover{
    background:var(--siba-orange-hover) !important;
}

/* Checkin/Auschecken Farben nicht kaputt machen */
body.siba-dark .btn-success,
body.siba-dark .einchecken,
body.siba-dark .checkin{
    color:#ffffff !important;
}

body.siba-dark .btn-danger,
body.siba-dark .auschecken,
body.siba-dark .checkout{
    color:#ffffff !important;
}

/* Sprachmenü */
body.siba-dark #sibaHeaderLangMenu{
    background:#151515 !important;
    border:1px solid var(--siba-orange) !important;
    border-radius:4px !important;
}

body.siba-dark #sibaHeaderLangMenu button{
    background:#151515 !important;
    color:#ffffff !important;
    border:0 !important;
}

body.siba-dark #sibaHeaderLangMenu button:hover{
    background:var(--siba-orange) !important;
    color:#ffffff !important;
}

/* Helle Inline-Styles überschreiben */
body.siba-dark .siba-main [style*="background:#151515"],
body.siba-dark .siba-main [style*="background: #151515"],
body.siba-dark .siba-main [style*="background:#151515"],
body.siba-dark .siba-main [style*="background: #151515"],
body.siba-dark .siba-main [style*="background-color:#151515"],
body.siba-dark .siba-main [style*="background-color: #151515"],
body.siba-dark .siba-main [style*="background-color:#151515"],
body.siba-dark .siba-main [style*="background-color: #151515"]{
    background:#151515 !important;
    color:#ffffff !important;
    border-color:var(--siba-border-soft) !important;
}

/* Feines Highlight für Panel-Überschriften */
body.siba-dark .siba-main h2,
body.siba-dark .siba-main h3{
    margin-top:0;
}

/* Mobile */
@media(max-width:700px){
    body.siba-dark .siba-main > *:not(.siba-header){
        margin-left:5px !important;
        margin-right:5px !important;
    }
    .siba-header-ui-btn{
        height:28px !important;
        min-width:74px !important;
        padding:0 10px !important;
        font-size:10px !important;
    }
    #sibaHeaderLangMenu{
        width:165px !important;
    }
}


/* =========================================================
   SIBA SICHTPRÜFUNGS-FIX:
   Weiße Blöcke in grund.php und Anwesende.php gezielt abdunkeln.
   ========================================================= */

/* Der schwarze Seitenbereich darf nicht durch alte CSS weiß bleiben */
body.siba-dark .siba-main,
body.siba-dark .siba-main *,
body.siba-dark .page,
body.siba-dark .page *,
body.siba-dark .content,
body.siba-dark .content *{
    box-sizing:border-box;
}

/* Große direkte Blöcke in Hauptbereich: dunkel statt weiß */
body.siba-dark .siba-main > div,
body.siba-dark .siba-main > section,
body.siba-dark .siba-main > article,
body.siba-dark .siba-main > form,
body.siba-dark .siba-main > container,
body.siba-dark .siba-main .header:not(.siba-header),
body.siba-dark .siba-main .container,
body.siba-dark .siba-main .content,
body.siba-dark .siba-main .wrapper{
    background:#151515 !important;
    color:#ffffff !important;
    border-color:rgba(255,90,31,.70) !important;
}

/* Nur echter Top-Header bleibt orange */
body.siba-dark .siba-main > .siba-header,
body.siba-dark header.siba-header{
    background:linear-gradient(90deg,#ff7a1a,#ff441f) !important;
    border:0 !important;
}

/* Anwesende.php: obere weißen Zonen */
body.siba-dark .siba-main > .header:not(.siba-header),
body.siba-dark .siba-main .header:not(.siba-header),
body.siba-dark .siba-main .header + div,
body.siba-dark .siba-main .header + section,
body.siba-dark .siba-main .header + container,
body.siba-dark .siba-main .header + .container{
    background:#151515 !important;
    color:#ffffff !important;
    border:1px solid rgba(255,90,31,.70) !important;
    border-radius:4px !important;
}

/* Leere weiße Fläche direkt unter dem Header dunkeln */
body.siba-dark .siba-main > .header:not(.siba-header):empty,
body.siba-dark .siba-main > div:empty,
body.siba-dark .siba-main > section:empty,
body.siba-dark .siba-main > container:empty{
    background:#151515 !important;
    border:1px solid rgba(255,90,31,.70) !important;
    min-height:70px !important;
}

/* Alle auffällig hellen Blöcke in Hauptbereich per Farbe abfangen */
body.siba-dark .siba-main [style*="background:#151515"],
body.siba-dark .siba-main [style*="background: #151515"],
body.siba-dark .siba-main [style*="background:#151515"],
body.siba-dark .siba-main [style*="background: #151515"],
body.siba-dark .siba-main [style*="background:#151515fff"],
body.siba-dark .siba-main [style*="background: #151515fff"],
body.siba-dark .siba-main [style*="background-color:#151515"],
body.siba-dark .siba-main [style*="background-color: #151515"],
body.siba-dark .siba-main [style*="background-color:#151515"],
body.siba-dark .siba-main [style*="background-color: #151515"],
body.siba-dark .siba-main [style*="background-color:#151515fff"],
body.siba-dark .siba-main [style*="background-color: #151515fff"]{
    background:#151515 !important;
    color:#ffffff !important;
    border-color:rgba(255,90,31,.70) !important;
}

/* CSS-Klassen aus den alten Seiten, die meist weiß sind */
body.siba-dark .box1,
body.siba-dark .box2,
body.siba-dark .box3,
body.siba-dark .box4,
body.siba-dark .box5,
body.siba-dark .box6,
body.siba-dark .container1,
body.siba-dark .container2,
body.siba-dark .container3,
body.siba-dark .standort,
body.siba-dark .standorte,
body.siba-dark .auswahl,
body.siba-dark .filter,
body.siba-dark .filterbereich,
body.siba-dark .filter-container,
body.siba-dark .search-container,
body.siba-dark .overview,
body.siba-dark .uebersicht,
body.siba-dark .anwesenheit,
body.siba-dark .anwesende,
body.siba-dark .anwesenheiten,
body.siba-dark .geraete,
body.siba-dark .geräte,
body.siba-dark .right,
body.siba-dark .rightbar,
body.siba-dark .right-box,
body.siba-dark .left,
body.siba-dark .left-box{
    background:#151515 !important;
    color:#ffffff !important;
    border:1px solid rgba(255,90,31,.70) !important;
    border-radius:4px !important;
}

/* Standort-Dropdown / Suchfelder */
body.siba-dark .siba-main select,
body.siba-dark .siba-main input,
body.siba-dark .siba-main textarea{
    background:#101010 !important;
    color:#ffffff !important;
    border:1px solid rgba(255,90,31,.75) !important;
    border-radius:4px !important;
}

body.siba-dark .siba-main select *,
body.siba-dark .siba-main option{
    background:#101010 !important;
    color:#ffffff !important;
}

/* Access-Control Liste war teils weiß */
body.siba-dark .siba-main ul,
body.siba-dark .siba-main ol,
body.siba-dark .siba-main li{
    background-color:transparent;
    color:#ffffff !important;
}

body.siba-dark .siba-main .access-control-units ul,
body.siba-dark .siba-main .access-control-units li,
body.siba-dark .siba-main .access-control ul,
body.siba-dark .siba-main .access-control li,
body.siba-dark .siba-main .device-list ul,
body.siba-dark .siba-main .device-list li,
body.siba-dark .siba-main .location-list ul,
body.siba-dark .siba-main .location-list li{
    background:#151515 !important;
    color:#ffffff !important;
    border-color:rgba(255,90,31,.45) !important;
}

/* Falls Tabellen-/Listenzeilen weiß bleiben */
body.siba-dark .siba-main tr,
body.siba-dark .siba-main td,
body.siba-dark .siba-main th{
    color:#ffffff !important;
}

/* Anwesende-Seite: große Inhalts-Sektion mit Geräte-Kasten */
body.siba-dark .siba-main .content-area,
body.siba-dark .siba-main .main-area,
body.siba-dark .siba-main .anw-main,
body.siba-dark .siba-main .overview-area{
    background:#151515 !important;
    color:#ffffff !important;
    border:1px solid rgba(255,90,31,.70) !important;
    border-radius:4px !important;
}

/* Letzter Notfall: weiße Blöcke anhand Textfarbe/Border sichtbar überschreiben */
body.siba-dark .siba-main div[style],
body.siba-dark .siba-main section[style],
body.siba-dark .siba-main container[style]{
    color:#ffffff !important;
}

/* Weißer Hintergrund über computed CSS: häufig durch alte Klassen */
body.siba-dark .siba-main .white,
body.siba-dark .siba-main .bg-white,
body.siba-dark .siba-main .background-white{
    background:#151515 !important;
    color:#ffffff !important;
    border:1px solid rgba(255,90,31,.70) !important;
}

/* Die dunkel/orange Optik soll auf Dashboard und Anwesende gleich bleiben */
body.siba-dark .siba-main > div:not(.siba-header):not(.siba-sidebar):not(.siba-layout):not(.row):not(.clearfix),
body.siba-dark .siba-main > section:not(.siba-header),
body.siba-dark .siba-main > container{
    background:linear-gradient(180deg,#181818 0%,#131313 100%) !important;
    color:#ffffff !important;
    border:1px solid rgba(255,90,31,.70) !important;
    border-radius:4px !important;
}

/* Keine riesigen weißen Trennflächen */
body.siba-dark .siba-main .spacer,
body.siba-dark .siba-main .separator,
body.siba-dark .siba-main .trenner,
body.siba-dark .siba-main .abstand{
    background:#0b0b0b !important;
    border-color:rgba(255,90,31,.45) !important;
}


/* =========================================================
   SIBA GLOBALER DARKMODE-FIX FÜR ALLE SEITEN
   Benutzer / Besucher / Firmen / Zeiterfassung / Berichte /
   Profil / Rollen / Gruppen / Einstellungen
   ========================================================= */

/* Sehr wichtige alte Layout-Klassen global dunkel */
body.siba-dark .body1,
body.siba-dark .bodybody,
body.siba-dark .navigationBar,
body.siba-dark .content,
body.siba-dark .main-content,
body.siba-dark .page-content,
body.siba-dark .formular,
body.siba-dark .formularbox,
body.siba-dark .form-wrapper,
body.siba-dark .form-container,
body.siba-dark .daten,
body.siba-dark .daten-box,
body.siba-dark .detail-box,
body.siba-dark .details,
body.siba-dark .info-box,
body.siba-dark .edit-box,
body.siba-dark .edit-container,
body.siba-dark .profile-box,
body.siba-dark .profil-box,
body.siba-dark .profil-card,
body.siba-dark .profile-card,
body.siba-dark .user-card,
body.siba-dark .user-box,
body.siba-dark .benutzer-box,
body.siba-dark .besucher-box,
body.siba-dark .firma-box,
body.siba-dark .firmen-box,
body.siba-dark .rolle-box,
body.siba-dark .rollen-box,
body.siba-dark .gruppe-box,
body.siba-dark .gruppen-box,
body.siba-dark .bericht-box,
body.siba-dark .berichte-box,
body.siba-dark .settings-box,
body.siba-dark .einstellungen-box,
body.siba-dark .tab-content,
body.siba-dark .tab-pane,
body.siba-dark .tabs,
body.siba-dark .karte,
body.siba-dark .layout-box,
body.siba-dark .print-box,
body.siba-dark kasten,
body.siba-dark kastren,
body.siba-dark container{
    background:linear-gradient(180deg,#181818 0%,#131313 100%) !important;
    color:#ffffff !important;
    border:1px solid rgba(255,90,31,.70) !important;
    border-radius:4px !important;
    box-shadow:none !important;
}

/* Alle direkten Hauptcontainer auf allen Seiten */
body.siba-dark .siba-main > .body1,
body.siba-dark .siba-main > .bodybody,
body.siba-dark .siba-main > .content,
body.siba-dark .siba-main > .navigationBar,
body.siba-dark .siba-main > kasten,
body.siba-dark .siba-main > kastren,
body.siba-dark .siba-main > container{
    margin:8px !important;
    padding:24px !important;
    background:linear-gradient(180deg,#181818 0%,#131313 100%) !important;
    color:#ffffff !important;
    border:1px solid rgba(255,90,31,.70) !important;
    border-radius:4px !important;
}

/* Tabellenbereiche auf allen Seiten */
body.siba-dark .table-responsive,
body.siba-dark .datatable,
body.siba-dark .data-table,
body.siba-dark .table-container,
body.siba-dark .liste,
body.siba-dark .listenbereich,
body.siba-dark .list-container{
    background:#151515 !important;
    color:#ffffff !important;
    border:1px solid rgba(255,90,31,.70) !important;
    border-radius:4px !important;
}

/* Such-/Filterzeilen */
body.siba-dark .filter,
body.siba-dark .filter-row,
body.siba-dark .filterbar,
body.siba-dark .filter-bar,
body.siba-dark .search,
body.siba-dark .search-row,
body.siba-dark .searchbar,
body.siba-dark .search-bar,
body.siba-dark .toolbar,
body.siba-dark .actions,
body.siba-dark .action-row,
body.siba-dark .button-row{
    background:#151515 !important;
    color:#ffffff !important;
    border-color:rgba(255,90,31,.70) !important;
}

/* Formulare komplett lesbar */
body.siba-dark form,
body.siba-dark fieldset{
    color:#ffffff !important;
    border-color:rgba(255,90,31,.45) !important;
}

body.siba-dark form label,
body.siba-dark fieldset label{
    color:#ffffff !important;
}

body.siba-dark input,
body.siba-dark select,
body.siba-dark textarea{
    background:#101010 !important;
    color:#ffffff !important;
    border:1px solid rgba(255,90,31,.75) !important;
}

body.siba-dark input[readonly],
body.siba-dark input:disabled,
body.siba-dark select:disabled,
body.siba-dark textarea:disabled{
    background:#1b1b1b !important;
    color:#bfbfbf !important;
    border-color:rgba(255,90,31,.35) !important;
}

/* Tabellen global */
body.siba-dark table{
    width:100%;
    background:#111111 !important;
    color:#ffffff !important;
    border:1px solid rgba(255,90,31,.70) !important;
}

body.siba-dark table th{
    background:#1d1d1d !important;
    color:#ffffff !important;
    border-bottom:1px solid rgba(255,90,31,.55) !important;
}

body.siba-dark table td{
    background:#121212 !important;
    color:#ffffff !important;
    border-bottom:1px solid #303030 !important;
}

body.siba-dark table tr:hover td{
    background:#202020 !important;
}

/* Karten, Profilbilder, Uploadbereiche */
body.siba-dark .photo-box,
body.siba-dark .foto-box,
body.siba-dark .upload-box,
body.siba-dark .image-box,
body.siba-dark .avatar-box,
body.siba-dark .card-preview,
body.siba-dark .badge-preview{
    background:#151515 !important;
    color:#ffffff !important;
    border:1px solid rgba(255,90,31,.70) !important;
}

/* Tabs / Navigation innerhalb von User/Firmen */
body.siba-dark .tab,
body.siba-dark .tab-button,
body.siba-dark .tab-link,
body.siba-dark .nav-tabs,
body.siba-dark .nav-tabs li,
body.siba-dark .nav-tabs a{
    background:#101010 !important;
    color:#ffffff !important;
    border-color:rgba(255,90,31,.45) !important;
}

body.siba-dark .tab.active,
body.siba-dark .tab-button.active,
body.siba-dark .tab-link.active,
body.siba-dark .nav-tabs .active{
    background:#ff5a1f !important;
    color:#ffffff !important;
    border-color:#ff5a1f !important;
}

/* Modals/Popups */
body.siba-dark .modal,
body.siba-dark .popup,
body.siba-dark .dialog,
body.siba-dark .overlay-content{
    background:#151515 !important;
    color:#ffffff !important;
    border-color:rgba(255,90,31,.70) !important;
}

/* Alerts */
body.siba-dark .alert,
body.siba-dark .meldung,
body.siba-dark .hinweis,
body.siba-dark .success,
body.siba-dark .error{
    background:#151515 !important;
    color:#ffffff !important;
    border:1px solid rgba(255,90,31,.70) !important;
}

/* Buttons einheitlich */
body.siba-dark .button,
body.siba-dark .btn,
body.siba-dark button,
body.siba-dark input[type="submit"],
body.siba-dark input[type="button"]{
    border-radius:4px !important;
}

body.siba-dark .button:not(.siba-header-ui-btn),
body.siba-dark .btn-primary,
body.siba-dark .btn-save,
body.siba-dark .save,
body.siba-dark .speichern,
body.siba-dark .hinzufuegen,
body.siba-dark .add,
body.siba-dark .export-btn{
    background:#ff5a1f !important;
    color:#ffffff !important;
    border:1px solid #ff5a1f !important;
}

body.siba-dark .button:not(.siba-header-ui-btn):hover,
body.siba-dark .btn-primary:hover,
body.siba-dark .btn-save:hover,
body.siba-dark .save:hover,
body.siba-dark .speichern:hover,
body.siba-dark .hinzufuegen:hover,
body.siba-dark .add:hover,
body.siba-dark .export-btn:hover{
    background:#e94c13 !important;
    border-color:#e94c13 !important;
}

/* Links, kleine Texte, Icons */
body.siba-dark a,
body.siba-dark i,
body.siba-dark svg,
body.siba-dark .icon{
    color:#ffffff;
}

body.siba-dark .muted,
body.siba-dark .text-muted,
body.siba-dark .help,
body.siba-dark .help-text,
body.siba-dark .beschreibung,
body.siba-dark .description{
    color:#d0d0d0 !important;
}

/* Harte weiße Hintergründe per Attribut abfangen */
body.siba-dark [style*="#FFF"],
body.siba-dark [style*="#FFFFFF"],
body.siba-dark [style*="rgb(255, 255, 255)"],
body.siba-dark [style*="background-color: #151515"],
body.siba-dark [style*="background: #151515"]{
    background:#151515 !important;
    color:#ffffff !important;
}

/* Helle Border neutralisieren oder orange machen */
body.siba-dark [style*="border: 1px solid #ddd"],
body.siba-dark [style*="border:1px solid #ddd"],
body.siba-dark [style*="border: 1px solid #ccc"],
body.siba-dark [style*="border:1px solid #ccc"]{
    border-color:rgba(255,90,31,.70) !important;
}

/* Speziell: Berichte / Rollen / Gruppen */
body.siba-dark .report-card,
body.siba-dark .report-filter,
body.siba-dark .permission-box,
body.siba-dark .permissions-box,
body.siba-dark .role-card,
body.siba-dark .group-card,
body.siba-dark .rechte-box,
body.siba-dark .berechtigungen-box{
    background:linear-gradient(180deg,#181818 0%,#131313 100%) !important;
    color:#ffffff !important;
    border:1px solid rgba(255,90,31,.70) !important;
    border-radius:4px !important;
}

/* Letzte Sicherheit: alles im Hauptbereich mit weißem Hintergrund-Klassen */
body.siba-dark .siba-main .white,
body.siba-dark .siba-main .bg-white,
body.siba-dark .siba-main .background-white,
body.siba-dark .siba-main .hell,
body.siba-dark .siba-main .light{
    background:#151515 !important;
    color:#ffffff !important;
    border-color:rgba(255,90,31,.70) !important;
}

/* Nicht die Sidebar-Logo-Fläche kaputt machen */
body.siba-dark .siba-sidebar-top,
body.siba-dark .siba-logo{
    border:0 !important;
}


/* =========================================================
   SIBA SAFE DARKMODE PATCH
   Keine Runtime-Scans, kein Dauerscan.
   ========================================================= */

body.siba-dark,
html.siba-dark{
    background:#0b0b0b !important;
    color:#fff !important;
}

body.siba-dark .siba-header{
    background:linear-gradient(90deg,#ff7a1a,#ff441f) !important;
    border:0 !important;
}

body.siba-dark .siba-main{
    background:#0b0b0b !important;
    color:#fff !important;
}

body.siba-dark .siba-main .header:not(.siba-header),
body.siba-dark .siba-main .body1,
body.siba-dark .siba-main .bodybody,
body.siba-dark .siba-main .content,
body.siba-dark .siba-main .navigationBar,
body.siba-dark .siba-main .standort-filter,
body.siba-dark .siba-main .location-filter,
body.siba-dark .siba-main .geraete-box,
body.siba-dark .siba-main .allelocation,
body.siba-dark .siba-main .location-content,
body.siba-dark .siba-main .location-content1,
body.siba-dark .siba-main .access-tree,
body.siba-dark .siba-main .device-row,
body.siba-dark .siba-main .toggle-location,
body.siba-dark .siba-main .toggle-location1,
body.siba-dark .siba-main .card,
body.siba-dark .siba-main .box,
body.siba-dark .siba-main .container,
body.siba-dark .siba-main .panel,
body.siba-dark .siba-main .filter,
body.siba-dark .siba-main .filter-row,
body.siba-dark .siba-main .table-box,
body.siba-dark .siba-main .form-box,
body.siba-dark .siba-main .list-box,
body.siba-dark .siba-main container,
body.siba-dark .siba-main kasten,
body.siba-dark .siba-main kastren{
    background:#151515 !important;
    background-color:#151515 !important;
    color:#fff !important;
    border-color:#ff5a1f !important;
}

body.siba-dark .siba-main > div:not(.siba-header),
body.siba-dark .siba-main > section,
body.siba-dark .siba-main > form,
body.siba-dark .siba-main > container,
body.siba-dark .siba-main > kasten,
body.siba-dark .siba-main > kastren{
    background:#151515 !important;
    background-color:#151515 !important;
    color:#fff !important;
    border:1px solid #ff5a1f !important;
    border-radius:4px !important;
}

body.siba-dark input,
body.siba-dark select,
body.siba-dark textarea,
body.siba-dark option{
    background:#101010 !important;
    background-color:#101010 !important;
    color:#fff !important;
    border:1px solid #ff5a1f !important;
}

body.siba-dark table{
    background:#111 !important;
    color:#fff !important;
    border:1px solid #ff5a1f !important;
}

body.siba-dark th{
    background:#1d1d1d !important;
    color:#fff !important;
    border-bottom:1px solid #ff5a1f !important;
}

body.siba-dark td{
    background:#121212 !important;
    color:#fff !important;
    border-bottom:1px solid #303030 !important;
}