#system-zentrale-overlay .szx-shell{
display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;
width:min(100%,calc(var(--sp-6) * 50));height:100%;max-height:100%;
background:var(--gh-bg);color:var(--gh-text);
border:1px solid var(--gh-border-subtle);border-radius:var(--r-lg);
box-shadow:var(--shadow-lg);font-size:var(--t-text);
}

body.is-touch #system-zentrale-overlay .wp-btn:not(.wp-auswahl-umschalter),body.is-touch #system-zentrale-overlay .wp-icon-btn,
body.is-touch #auditlog-detail-overlay .wp-btn,body.is-touch #auditlog-detail-overlay .wp-icon-btn{min-height:max(var(--tap),44px)}
body.is-touch #system-zentrale-overlay .wp-icon-btn,body.is-touch #auditlog-detail-overlay .wp-icon-btn{min-width:max(var(--tap),44px)}
#system-zentrale-overlay .wp-gruppe,#auditlog-detail-overlay .wp-gruppe{letter-spacing:normal;text-transform:none}
#system-zentrale-overlay .wp-rahmen-inhalt{overflow:hidden}


#system-zentrale-overlay .szx-shell{container:szx-huelle / inline-size}
@container szx-huelle (max-width:760px){
body:not(.monteur-mode) #system-zentrale-overlay .wp-rahmen-reiter{column-gap:var(--sp-2)}
}

#system-zentrale-overlay .wp-rahmen-reiter > .szx-tab-gefahr[aria-selected=true]{color:var(--farbe-gefahr-text);border-bottom-color:var(--farbe-gefahr-text)}
.szx-panel{display:none;flex:1 1 auto;min-height:0;min-width:0;flex-direction:column;overflow:hidden;background:var(--gh-bg)}
.szx-panel.active{display:flex}
.szx-toolbar{flex:0 0 auto;flex-wrap:wrap;border-bottom:1px solid var(--gh-border-subtle)}



.szx-werkzeuge{flex:0 0 auto}
.szx-werkzeuge > .wp-werkzeugzeile{flex-wrap:nowrap}
.szx-werkzeuge > .wp-werkzeugzeile > *{order:0}
.szx-werkzeuge .wp-werkzeuge-luecke{flex:1 1 0;margin-top:0}
@container (max-width:479px){
.szx-werkzeuge .szx-breit{display:none}
}
.szx-toolbar-info,.szx-hint,.szx-label-sub{font-size:var(--t-neben);color:var(--gh-muted);line-height:1.5}
.szx-spacer{flex:1}

#szx-panel-status .szx-toolbar{flex-wrap:nowrap}
#szx-panel-status .szx-toolbar-info{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


#szx-panel-status .szx-toolbar{container-type:inline-size}
.szx-toolbar .szx-kurz{display:none}
@container (max-width:479px){
.szx-toolbar .szx-lang{display:none}
.szx-toolbar .szx-kurz{display:inline}
}
.szx-filterbar{display:flex;flex-wrap:wrap;align-items:end;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--gh-border-subtle);flex:0 0 auto}
.szx-filterbar .wp-feld{flex:1 1 10em;min-width:0;margin:0}
.szx-filter-check label,.szx-auswahl{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--feld-h);font-size:var(--t-neben)}
.szx-filterbar .szx-filter-action{flex:0 0 auto}
.szx-content{flex:1 1 auto;overflow:auto;min-height:0;min-width:0;padding:var(--sp-4);overscroll-behavior:contain}
.szx-content-flush{padding:0;display:flex;flex-direction:column}



:is(.szx-logkarte,.szx-statistik){flex:0 1 auto;margin:var(--sp-3)}
.szx-logkarte{min-height:0;display:flex;flex-direction:column}
.szx-logkarte > .wp-abschnitt{flex:0 0 auto;flex-wrap:wrap;row-gap:var(--sp-1)}
.szx-kopf-rechts{display:flex;align-items:center}
.szx-logneben{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-2);font-size:var(--t-neben);font-weight:400;color:var(--gh-muted);overflow-wrap:anywhere}

.szx-logneben > .szx-filter-auswahl{display:contents}
.szx-logkarte > :is(#syslog-list,#auditlog-body){flex:0 1 auto;padding:0}
.szx-logkarte > #syslog-list{padding-inline:var(--sp-3)}
.szx-logkarte .wp-tabelle-rahmen{box-shadow:none;border-radius:0}
.szx-statistik{flex:none;max-height:50%;overflow:auto;margin-bottom:0;padding:var(--sp-3);background:var(--gh-card);border-radius:var(--r-lg);box-shadow:var(--karten-schatten)}
#syslog-list > .szx-log-zeile:last-child{border-bottom:0}

.szx-kartenfuss{flex:0 0 auto;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2) var(--sp-1) var(--sp-3);border-top:var(--rand-haar) solid var(--gh-border-subtle)}
.szx-kartenfuss > .wp-treffer{flex:1 1 auto;min-width:0;padding:0;border:0}
.szx-blaettern{display:flex;gap:var(--sp-1);margin-left:auto}

#auditlog-body .wp-tabelle :is(th,td):first-child{width:1%;white-space:nowrap}
.szx-hint{margin:var(--sp-2) 0}
.szx-loading{padding:var(--sp-5);text-align:center;color:var(--gh-muted)}
.szx-ladefehler{margin-bottom:var(--sp-3)}
.szx-card-narrow{max-width:48em;margin-inline:auto}
.szx-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-4)}
.szx-panel .wp-feld textarea{min-height:calc(var(--feld-h) * 2);resize:vertical}
.szx-panel input[type=checkbox]{accent-color:var(--gh-accent);flex:0 0 auto}
.szx-danger-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,28em),1fr));gap:var(--sp-6);max-width:90em;margin:auto}
.szx-danger-card{min-width:0;border-top:1px solid var(--gh-danger);padding-top:var(--sp-4)}
.szx-danger-card h4{font-size:var(--t-titel);color:var(--gh-danger);margin:0 0 var(--sp-3)}
.szx-danger-warn,.szx-danger-keep{font-size:var(--t-neben);line-height:1.6;margin-bottom:var(--sp-3);overflow-wrap:anywhere}
.szx-danger-warn ul{padding-left:var(--sp-5);margin-block:var(--sp-2)}
.szx-danger-keep{color:var(--gh-text)}
.szx-gefahr-hinweis{padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-5);background:var(--gh-warn-bg);color:var(--gh-text);border-radius:var(--r-md);font-size:var(--t-neben);overflow-wrap:anywhere}
.szx-pin-input{font-family:monospace}


#szx-panel-status .szx-content{container:szx-status / inline-size}
.szx-spalten{display:flex;flex-direction:column;gap:var(--sp-3);max-width:100em}
.szx-spalte{display:contents}
@container szx-status (min-width:900px){
.szx-spalten{flex-direction:row;align-items:flex-start}
.szx-spalte{display:flex;flex-direction:column;gap:var(--sp-3);flex:1 1 0;min-width:0}
}
#sysstatus-healthdetail > .szx-gruppe{margin-bottom:var(--sp-3)}


#szx-panel-status .szx-gruppe > .wp-abschnitt:first-child{min-height:var(--kopf-h);margin-top:calc(-1 * var(--sp-3));padding-block:0;box-sizing:border-box}


.szx-gruppe{container-type:inline-size;min-width:0}
.szx-kacheln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}
.szx-kacheln > :last-child:nth-child(odd){grid-column:1 / -1}
@container (min-width:720px){
.szx-kacheln{grid-template-columns:repeat(3,minmax(0,1fr))}
.szx-kacheln > :last-child:nth-child(odd){grid-column:auto}
.szx-kacheln > :last-child:nth-child(3n+1){grid-column:1 / -1}
.szx-kacheln > :last-child:nth-child(3n+2){grid-column:span 2}
}

.szx-kacheln > :has(+ .szx-speicher){align-self:start}


.szx-metrik > .wp-kachel-kopf{flex-wrap:wrap}
.szx-metrik > .wp-kachel-kopf > .wp-kachel-titel{flex:1 1 6em;white-space:normal;overflow-wrap:break-word;hyphens:auto}
@container (max-width:599px){
.szx-kacheln > :is(.szx-speicher, :has(+ .szx-speicher)){grid-column:1 / -1}
}
.szx-speicher .wp-flach{justify-content:space-between;min-height:0;padding:var(--sp-1) 0 0}
.szx-speicher meter{display:block;width:100%;height:var(--sp-2);accent-color:var(--gh-accent)}
.szx-spark-line{fill:none;stroke:var(--gh-accent);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.szx-spark-area{fill:var(--gh-accent-soft);stroke:none}
.szx-bar{fill:var(--gh-accent)}
.szx-bar-alt{fill:var(--farbe-gefahr-flaeche)}
.szx-legend{display:flex;gap:var(--sp-3);flex-wrap:wrap;font-size:var(--t-neben);color:var(--gh-muted)}
.szx-legend i{font-style:normal}
.szx-legend b{display:inline-block;width:.6em;height:.6em;border-radius:var(--r-xs);background:var(--gh-accent)}
.szx-legend .szx-legende-gefahr{background:var(--farbe-gefahr-flaeche)}

.szx-zeilen{font-size:var(--t-neben);color:var(--gh-text)}
.szx-zeilen > .sys-stat:last-child{border-bottom:0}
.szx-unterkopf{margin:var(--sp-3) 0 var(--sp-1);font-size:var(--t-neben);font-weight:600;color:var(--gh-muted)}
.sys-stat{display:flex;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-2) 0;border-bottom:1px solid var(--gh-border-subtle);overflow-wrap:anywhere}
.sys-stat span:first-child{color:var(--gh-muted)}
.sys-stat b{text-align:right;font-weight:500;min-width:0}
.sys-warn-item{padding:var(--sp-2) 0;color:var(--farbe-gefahr-text);line-height:1.5}
#auditlog-detail-overlay .wp-kopf{border-bottom:1px solid var(--gh-border-subtle)}
#auditlog-detail-body{font-size:var(--t-text);overflow-wrap:anywhere}

.szx-detail-data{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--sp-1);margin:0}
.szx-detail-data > div{min-width:0;padding:var(--sp-2) var(--sp-3);background:var(--kachel-bg);border-radius:var(--r-md)}
.szx-detail-data dt{color:var(--gh-muted);font-size:var(--t-neben)}
.szx-detail-data dd{margin:0}
.szx-detail-json,.szx-log-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--t-neben);background:var(--gh-panel);padding:var(--sp-3);border-radius:var(--r-md)}
.szx-detail-json{margin:0;background:var(--kachel-bg)}
.szx-audit-mobil .wp-zeile-titel,.szx-audit-mobil .wp-zeile-sub{white-space:normal;overflow-wrap:anywhere}

.szx-audit-mobil .wp-zeile-symbol:empty{display:none}


#syslog-list{container:szx-log / inline-size}
.szx-log-zeile{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kopf aktionen" "text text" "detail detail";
align-items:center;column-gap:var(--sp-2);border-bottom:1px solid var(--gh-border-subtle);padding:var(--sp-3) 0}
.szx-log-kopf{grid-area:kopf;display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--t-neben);color:var(--gh-muted)}
.szx-log-text{grid-area:text;margin:var(--sp-2) 0;overflow-wrap:anywhere;white-space:pre-wrap}
.szx-log-aktionen{grid-area:aktionen;display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2)}

#syslog-list .szx-log-aktionen > .wp-btn{height:var(--feld-h);min-height:var(--feld-h);padding-block:0}
#syslog-list .szx-log-aktionen > .wp-icon-btn{--symbolknopf:var(--feld-h)}
body.monteur-mode #syslog-list .szx-log-aktionen > :is(.wp-btn,.wp-icon-btn){min-height:var(--feld-h)}
body.monteur-mode #syslog-list .szx-log-aktionen > .wp-icon-btn{min-width:var(--feld-h)}
.szx-log-detail{grid-area:detail}
@container szx-log (max-width:479px){
.szx-log-zeile{grid-template-areas:"kopf kopf" "text text" "aktionen aktionen" "detail detail"}
}
.szx-log-detail summary{cursor:pointer;color:var(--gh-muted);font-size:var(--t-neben);min-height:var(--feld-h);display:list-item;align-content:center}
.szx-log-gelesen .szx-log-text{color:var(--gh-muted)}

.szx-auswahl-aktiv .szx-log-aktionen{display:none}
.szx-auswahl-aktiv .szx-log-zeile{cursor:pointer}
.szx-log-zeile[data-wp-ausgewaehlt]{background:var(--markierung-flaeche);box-shadow:inset var(--markierung-balken) 0 0 var(--gh-accent)}
.szx-statistiken{display:flex;gap:var(--sp-3);flex-wrap:wrap}
.szx-stat-top{margin-top:var(--sp-4)}
.szx-stat-top .wp-zeile-titel{white-space:normal;overflow-wrap:anywhere}
body.monteur-mode #system-zentrale-overlay .wp-reiter > button{width:auto;min-width:0;border-radius:0;border-left:0;background:transparent}
body.monteur-mode #system-zentrale-overlay .szx-shell{border:0;border-radius:0;box-shadow:none}
body.monteur-mode #system-zentrale-overlay .szx-filterbar{gap:var(--sp-2)}
body.monteur-mode #system-zentrale-overlay .szx-filterbar .wp-feld{flex-basis:8em}
body.monteur-mode #system-zentrale-overlay .szx-panel{overflow:auto}
body.monteur-mode #system-zentrale-overlay .szx-content{flex:1 0 auto;overflow:visible}
body.monteur-mode #system-zentrale-overlay .szx-logkarte{flex:0 0 auto;overflow:visible}
body.monteur-mode #system-zentrale-overlay .szx-logkarte > :is(#syslog-list,#auditlog-body){flex:0 0 auto;overflow:visible}
body.monteur-mode #system-zentrale-overlay .szx-statistik{max-height:none}
body.monteur-mode #system-zentrale-overlay .szx-content-flush{flex:1 0 auto}