/* Isolated observatory. The shared navigation and every other route stay owned by the shell. */
body[data-av-shell="app"] .content:has(#monitorV5.sa-screen){max-width:none;padding:20px;background:#f2f5fa}
body[data-av-shell="app"] #monitorV5.sa-screen{--sa-bg:#091423;--sa-panel:#0e1e30;--sa-line:#22384f;--sa-muted:#93aac1;--sa-text:#e7f0fc;--sa-blue:#6fafff;--sa-cyan:#66c9e3;--sa-amber:#e5bd73;--sa-red:#ea7996;min-width:0;width:100%;margin:0;padding:24px;border:1px solid #22384f;border-radius:14px;color:var(--sa-text);background:radial-gradient(ellipse at 50% 0,#152e49 0,transparent 52%),var(--sa-bg);font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;container-type:inline-size;overflow:visible;color-scheme:dark;box-shadow:0 16px 45px #0a192414}
#monitorV5.sa-screen *,#monitorV5.sa-screen *:before,#monitorV5.sa-screen *:after{box-sizing:border-box;letter-spacing:normal}
#monitorV5.sa-screen h1,#monitorV5.sa-screen h2,#monitorV5.sa-screen p{margin:0}
#monitorV5.sa-screen button,#monitorV5.sa-screen select{font:inherit;color:var(--sa-text);cursor:pointer}
#monitorV5.sa-screen a{color:var(--sa-blue);text-decoration:none}
#monitorV5.sa-screen button:focus-visible,#monitorV5.sa-screen select:focus-visible,#monitorV5.sa-screen a:focus-visible,#monitorV5.sa-screen g:focus-visible{outline:2px solid #b6d8ff;outline-offset:3px}
#monitorV5 .sa-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--sa-line);padding-bottom:21px}
#monitorV5 .sa-title>span{color:#88acd1;font-size:10px;letter-spacing:2px;font-weight:600}
#monitorV5 .sa-title h1{font-size:25px;line-height:1.4;font-weight:650;margin-top:6px;color:#f3f7ff}
#monitorV5 .sa-title p{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:8px;color:var(--sa-muted);font-size:11px}
#monitorV5 #saLive{font-weight:500;color:var(--sa-cyan);display:flex;gap:7px;align-items:center}
#monitorV5 #saLive:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px #66c9e36e}
#monitorV5 #saLive.is-paused,#monitorV5 #msStatus.is-error{color:var(--sa-amber)}
#monitorV5 .sa-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#monitorV5 .sa-toolbar>button,#monitorV5 .sa-toolbar>select{height:35px;padding:0 12px;border:1px solid #35506a!important;border-radius:6px!important;background:#13263b!important;color:#d8e8fa!important;box-shadow:none!important;font-size:11px;min-width:0}
#monitorV5 .sa-toolbar>select{width:150px;max-width:220px;padding-right:27px}
#monitorV5 .sa-toolbar>button:hover{border-color:var(--sa-blue)!important}
#monitorV5 .sa-toolbar #msFullscreen{background:#2c68c4!important;border-color:#4985d7!important;color:#fff!important}
#monitorV5 .sa-segment{display:flex;gap:3px;padding:3px;border:1px solid #2c445f;border-radius:6px;background:#0b1b2d;flex-shrink:0;align-items:center}
#monitorV5 .sa-segment button{padding:5px 9px;min-height:26px;border:0;border-radius:4px;color:#9fb6d0;background:transparent;font-size:11px;white-space:nowrap}
#monitorV5 .sa-segment button[aria-pressed="true"]{background:#285fa9;color:#f0f7ff}
#monitorV5 .sa-segment button:hover{color:#fff}
#monitorV5 #msError{padding:12px 15px;margin-top:14px;border:1px solid #796141;background:#30271f;color:#f2cf97;border-radius:6px}
#monitorV5 #msError[hidden]{display:none}
#monitorV5 .sa-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0 22px;gap:0;border:1px solid var(--sa-line);border-radius:9px;background:linear-gradient(110deg,#122b45aa,#0c1c2e88)}
#monitorV5 .sa-kpi{padding:17px 22px;border-right:1px solid var(--sa-line);min-width:0}
#monitorV5 .sa-kpi:last-child{border-right:0}
#monitorV5 .sa-kpi>span{color:#b7cade;display:flex;align-items:center;gap:9px;font-size:12px}
#monitorV5 .sa-kpi>span>i{font-style:normal;color:#657f99;font-size:10px;font-family:Consolas,monospace}
#monitorV5 .sa-kpi>strong{display:block;font-size:31px;line-height:1.3;margin:8px 0 6px;font-weight:550;font-variant-numeric:tabular-nums;color:#f2f7ff;overflow-wrap:anywhere}
#monitorV5 .sa-kpi:nth-child(3)>strong{color:#f2c990}
#monitorV5 .sa-kpi>small{color:var(--sa-muted);font-size:10px;display:block}
#monitorV5 .sa-layout{display:grid;grid-template-columns:minmax(205px,.85fr) minmax(360px,2.4fr) minmax(235px,1fr);gap:14px;align-items:stretch}
#monitorV5 .sa-rail,#monitorV5 .sa-center{display:flex;flex-direction:column;min-width:0;gap:14px}
#monitorV5 .sa-panel{min-width:0;border:1px solid var(--sa-line);border-radius:8px;background:linear-gradient(125deg,#11233799,transparent 75%),var(--sa-panel);overflow:hidden}
#monitorV5 .sa-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 17px 13px;border-bottom:1px solid #22384f8c;min-height:70px}
#monitorV5 .sa-panel-head h2{font-size:13px;font-weight:600;color:#deebfd}
#monitorV5 .sa-panel-head h2:before{content:"";display:inline-block;width:3px;height:11px;margin-right:8px;vertical-align:-1px;border-radius:2px;background:#75b3fa}
#monitorV5 .sa-panel-head p{font-size:10px;color:var(--sa-muted);margin-top:4px}
#monitorV5 .sa-panel-head .sa-segment button{font-size:10px;padding:3px 6px;min-height:23px}
#monitorV5 .sa-risk-visual{display:flex;justify-content:center;padding:22px 16px 18px}
#monitorV5 .sa-ring{position:relative;display:grid;place-items:center;width:126px;height:126px;border-radius:50%;box-shadow:0 0 0 9px #142c44,0 0 0 10px #2a466033}
#monitorV5 .sa-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#0e1e30}
#monitorV5 .sa-ring>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
#monitorV5 .sa-ring strong{font-size:27px;font-weight:550;font-variant-numeric:tabular-nums}
#monitorV5 .sa-ring span{font-size:10px;color:var(--sa-muted)}
#monitorV5 .sa-levels{padding:9px 18px 3px;display:grid;gap:10px}
#monitorV5 .sa-levels>div{display:grid;grid-template-columns:1fr auto 44px;gap:9px;align-items:center;font-size:11px}
#monitorV5 .sa-levels span{display:flex;align-items:center;gap:7px}
#monitorV5 .sa-levels i{width:5px;height:5px;border-radius:2px}
#monitorV5 .sa-levels strong{font-weight:550}
#monitorV5 .sa-levels small{text-align:right;color:var(--sa-muted);font-size:10px}
#monitorV5 .sa-note{padding:13px 18px 16px;color:var(--sa-muted);font-size:10px;line-height:1.8}
#monitorV5 .sa-map{background:radial-gradient(ellipse at 50% 35%,#15335188,transparent 75%),#0c1b2e;flex:1}
#monitorV5 .sa-map-stage{position:relative;aspect-ratio:2 / 1;min-height:260px;overflow:hidden;background:radial-gradient(ellipse at 60% 40%,#24609920,transparent 67%)}
#monitorV5 .sa-geography{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
#monitorV5 .sa-graticule{fill:none;stroke:#729dce;stroke-opacity:.11;stroke-width:.6}
#monitorV5 .sa-land{opacity:.8}
#monitorV5 .sa-map-label{position:absolute;left:18px;top:14px;font-size:9px;letter-spacing:2px;color:#7892ad;pointer-events:none}
#monitorV5 .sa-map-aura{position:absolute;inset:7% 15%;border-radius:50%;box-shadow:0 0 70px #5d99eb12;pointer-events:none}
#monitorV5 .sa-map-key{position:absolute;bottom:12px;left:18px;display:flex;align-items:center;gap:7px;color:#b5cbe3;font-size:10px;pointer-events:none}
#monitorV5 .sa-map-key>i{width:5px;height:5px;border-radius:50%;background:var(--sa-cyan);box-shadow:0 0 10px #66c9e377}
#monitorV5 .sa-map-key>span{color:var(--sa-muted);margin-left:8px}
#monitorV5 .sa-map-point{cursor:pointer;outline:none}
#monitorV5 .sa-hit{fill:transparent}
#monitorV5 .sa-pulse{fill:#71ccec20;stroke:#6bbcec55;stroke-width:.6;transform-box:fill-box;transform-origin:center;animation:sa-arrival 1.5s ease-out both}
#monitorV5 .sa-dot{fill:#7caeff;stroke:#c9e4ff;stroke-width:1;vector-effect:non-scaling-stroke}
#monitorV5 .sa-dot-core{fill:#e7faff}
#monitorV5 .sa-map-point:hover .sa-dot,#monitorV5 .sa-map-point:focus .sa-dot,#monitorV5 .sa-map-point.is-selected .sa-dot{fill:#8fe5ed;stroke:#fff;stroke-width:2}
#monitorV5 .sa-map-point.is-selected .sa-pulse{fill:#7adeef33;stroke:#a9f3ff}
#monitorV5 .sa-map-no-data{position:absolute;inset:30% 12%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#cfdef0;font-size:13px;pointer-events:none;text-shadow:0 1px 12px #07111f}
#monitorV5 .sa-map-no-data small{color:var(--sa-muted);margin-top:8px;font-size:11px}
#monitorV5 .sa-location-detail{display:flex;align-items:center;gap:15px 28px;padding:15px 18px;background:#142c4455;border-top:1px solid var(--sa-line);flex-wrap:wrap}
#monitorV5 .sa-location-detail>div:first-child{flex:1;min-width:90px}
#monitorV5 .sa-location-detail small{display:block;color:var(--sa-muted);font-size:10px;margin-bottom:4px}
#monitorV5 .sa-location-detail strong{font-size:15px;font-weight:550;overflow-wrap:anywhere}
#monitorV5 .sa-location-detail b{font-size:17px;font-weight:550;font-variant-numeric:tabular-nums}
#monitorV5 .sa-location-detail button{border:1px solid #3c5b78;background:#16324c;border-radius:5px;font-size:10px;padding:6px 8px}
#monitorV5 .sa-map-foot{display:flex;align-items:center;gap:5px 14px;flex-wrap:wrap;padding:11px 18px;color:#aac0d6;font-size:10px;border-top:1px solid #1c3044}
#monitorV5 .sa-map-foot small{width:100%;font-size:9px;color:#92a9c0}
#monitorV5 .sa-events{flex:1;display:flex;flex-direction:column}
#monitorV5 .sa-events .sa-panel-head{flex-wrap:wrap}
#monitorV5 .sa-stream{flex:1;min-height:240px}
#monitorV5 .sa-event{display:flex;align-items:flex-start;width:100%;padding:16px 15px 15px;gap:10px;border:0;border-bottom:1px solid #22384f80;background:transparent;text-align:left;transition:background .16s}
#monitorV5 .sa-event:hover{background:#1c385459}
#monitorV5 .sa-event-dot{width:5px;height:5px;border-radius:50%;background:var(--sa-cyan);flex-shrink:0;margin-top:7px;box-shadow:0 0 0 3px #66c9e311}
#monitorV5 .sa-event-dot.is-fail{background:var(--sa-amber);box-shadow:0 0 0 3px #e5bd7311}
#monitorV5 .sa-event-content{display:block;flex:1;min-width:0}
#monitorV5 .sa-event-line{display:flex;justify-content:space-between;gap:8px;align-items:center}
#monitorV5 .sa-event strong{font-size:12px;font-weight:550}
#monitorV5 .sa-event em{font-size:10px;font-style:normal;white-space:nowrap}
#monitorV5 .sa-event .is-pass{color:var(--sa-cyan)}
#monitorV5 .sa-event .is-fail{color:var(--sa-amber)}
#monitorV5 .sa-event-app{display:block;font-size:11px;color:#b4c6d9;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#monitorV5 .sa-event small{display:block;font-size:10px;color:var(--sa-muted);margin-top:5px;overflow-wrap:anywhere}
#monitorV5 .sa-panel-link{display:block;padding:12px 17px;font-size:11px;border-top:1px solid #22384f90}
#monitorV5 .sa-reasons{padding:18px 18px 3px;display:grid;gap:17px}
#monitorV5 .sa-reasons>div{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:11px}
#monitorV5 .sa-reasons b{font-weight:550;color:var(--sa-amber)}
#monitorV5 .sa-reasons i{grid-column:1/-1;background:#243649;height:3px;border-radius:2px;overflow:hidden}
#monitorV5 .sa-reasons em{display:block;height:100%;background:linear-gradient(90deg,#b89357,#e5bd73)}
#monitorV5 .sa-reasons+.sa-panel-link{margin-top:15px}
#monitorV5 .sa-trend{flex-shrink:0}
#monitorV5 .sa-legend{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--sa-muted)}
#monitorV5 .sa-legend i{width:6px;height:6px;background:var(--sa-blue);border-radius:1px}
#monitorV5 .sa-legend .is-fail{background:var(--sa-amber);margin-left:7px}
#monitorV5 .sa-chart-max{font-size:9px;color:var(--sa-muted);padding:9px 17px 0}
#monitorV5 .sa-bars{height:133px;display:flex;gap:4px;margin:0 17px 15px;padding:8px 0 23px;background:repeating-linear-gradient(to top,transparent 0,transparent 29px,#27415a66 30px,transparent 31px)}
#monitorV5 .sa-bar{position:relative;flex:1;min-width:0;outline:none}
#monitorV5 .sa-bar>div{position:relative;height:100%;border-bottom:1px solid #3b546d}
#monitorV5 .sa-bar i,#monitorV5 .sa-bar em{position:absolute;bottom:0;left:10%;width:80%;border-radius:2px 2px 0 0;display:block;background:linear-gradient(0deg,#3a76bf99,#83b8ff)}
#monitorV5 .sa-bar em{background:#e5bd73;opacity:.9}
#monitorV5 .sa-bar>small{position:absolute;top:calc(100% + 7px);left:0;font-size:9px;color:#a0b5cb;white-space:nowrap}
#monitorV5 .sa-bar:last-child>small{left:auto;right:0}
#monitorV5 .sa-tip{display:none;position:absolute;z-index:3;bottom:40%;left:0;width:145px;padding:8px 10px;background:#243e5c;border:1px solid #577b9f;box-shadow:0 8px 20px #0005;border-radius:5px;color:#ecf6ff;font-size:10px;pointer-events:none}
#monitorV5 .sa-bar:nth-last-child(-n+6) .sa-tip{left:auto;right:0}
#monitorV5 .sa-bar:hover .sa-tip,#monitorV5 .sa-bar:focus-visible .sa-tip{display:block}
#monitorV5 .sa-bottom{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px;margin-top:14px}
#monitorV5 .sa-source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 8px 8px;gap:0 12px}
#monitorV5 .sa-source{display:flex;gap:10px;align-items:center;width:100%;padding:12px 10px;border:1px solid transparent;border-bottom-color:#233d5480;background:transparent;text-align:left;min-width:0}
#monitorV5 .sa-source:hover,#monitorV5 .sa-source[aria-pressed="true"]{background:#1b3c5866;border-color:#3e6c9277;border-radius:5px}
#monitorV5 .sa-rank{font-size:10px;color:#7f9bb7;font-family:Consolas,monospace}
#monitorV5 .sa-source-name{flex:1;min-width:0}
#monitorV5 .sa-source b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
#monitorV5 .sa-source small{font-size:9px;color:var(--sa-muted)}
#monitorV5 .sa-source i{display:block;height:2px;margin-top:5px;background:#233b51;overflow:hidden}
#monitorV5 .sa-source i em{display:block;height:100%;background:#69a5eb}
#monitorV5 .sa-source>strong{font-size:15px;font-weight:500;min-width:30px;text-align:right}
#monitorV5 .sa-app-list{padding:4px 16px 8px}
#monitorV5 .sa-app-list button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 54px;align-items:center;gap:16px;padding:14px 0;border:0;border-bottom:1px solid #233d5499;background:transparent;text-align:left}
#monitorV5 .sa-app-list button:hover b{color:#86bbff}
#monitorV5 .sa-app-list b{font-size:12px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#monitorV5 .sa-app-list small{display:block;font-size:9px;color:var(--sa-muted);margin-top:2px;font-weight:400}
#monitorV5 .sa-app-list strong{font-size:14px;font-weight:500;text-align:right}
#monitorV5 .sa-app-list em{font-style:normal;text-align:right;color:var(--sa-cyan);font-size:12px}
#monitorV5 .sa-footer{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:16px;color:#8ca5be;font-size:9px}
#monitorV5 .sa-footer>span:first-child{letter-spacing:1px}
#monitorV5 .sa-empty{font-size:12px;line-height:1.8;padding:30px 18px;color:var(--sa-muted);text-align:center;flex:1}
#monitorV5 .sa-access{padding:80px 20px;text-align:center}
#monitorV5 .sa-access h2{font-size:22px;margin-bottom:12px}
#monitorV5 .sa-access p{color:var(--sa-muted);margin:12px 0}
#monitorV5 #saDetail{max-width:min(480px,calc(100vw - 32px));width:480px;max-height:85vh;overflow:auto;margin:auto;padding:22px;background:#102238;color:var(--sa-text);border:1px solid #416180;border-radius:12px;box-shadow:0 25px 70px #0009;color-scheme:dark}
#monitorV5 #saDetail::backdrop{background:#030b16bb;backdrop-filter:blur(4px)}
#monitorV5 #saDetail>header{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--sa-line)}
#monitorV5 #saDetail h2{font-size:18px;font-weight:550;margin-top:5px}
#monitorV5 #saDetail small{font-size:9px;letter-spacing:1.5px;color:var(--sa-muted)}
#monitorV5 #saDetail button{width:30px;height:30px;border:1px solid #3b5672;border-radius:6px;background:#203953;color:#cee2fa;font-size:21px}
#monitorV5 #saDetail dl{margin:16px 0;display:grid;gap:11px}
#monitorV5 #saDetail dl>div{display:grid;grid-template-columns:90px 1fr;gap:16px;font-size:12px}
#monitorV5 #saDetail dt{color:var(--sa-muted)}
#monitorV5 #saDetail dd{margin:0;overflow-wrap:anywhere}
#monitorV5 #saDetail p{font-size:11px;line-height:1.8;padding:13px;background:#19334b;border-radius:6px;color:#b4c8dd}
#monitorV5 #saDetail footer{display:flex;gap:20px;padding-top:17px;font-size:12px}
body[data-av-shell="app"] #monitorV5.sa-screen:fullscreen{height:100vh;width:100vw;max-width:none;padding:24px 32px;border:0;border-radius:0;overflow:auto}
@keyframes sa-arrival{from{opacity:.9;transform:scale(.75)}to{opacity:.4;transform:scale(1.25)}}
@media(min-width:1350px) and (min-height:900px){
body[data-av-shell="app"] #monitorV5.sa-screen:fullscreen{display:flex;flex-direction:column;padding:20px 28px;overflow:hidden}
#monitorV5:fullscreen .sa-header{flex-shrink:0;padding-bottom:12px}
#monitorV5:fullscreen .sa-title h1{font-size:23px;margin-top:2px}
#monitorV5:fullscreen .sa-title p{margin-top:4px}
#monitorV5:fullscreen #saData{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) 176px 18px;gap:12px}
#monitorV5:fullscreen .sa-kpis{margin:12px 0 0}
#monitorV5:fullscreen .sa-kpi{padding:10px 20px}
#monitorV5:fullscreen .sa-kpi>strong{font-size:27px;margin:3px 0}
#monitorV5:fullscreen .sa-layout,#monitorV5:fullscreen .sa-rail,#monitorV5:fullscreen .sa-center{min-height:0}
#monitorV5:fullscreen .sa-panel-head{min-height:52px;padding:10px 14px}
#monitorV5:fullscreen .sa-map{display:flex;flex-direction:column;min-height:0}
#monitorV5:fullscreen .sa-map-stage{flex:1;min-height:130px;aspect-ratio:auto}
#monitorV5:fullscreen .sa-location-detail{padding:8px 14px}
#monitorV5:fullscreen .sa-map-foot{padding:7px 14px}
#monitorV5:fullscreen .sa-map-foot small{width:auto;margin-left:auto}
#monitorV5:fullscreen .sa-trend{height:160px}
#monitorV5:fullscreen .sa-bars{height:77px;margin-bottom:10px}
#monitorV5:fullscreen .sa-risk-visual{padding:15px}
#monitorV5:fullscreen .sa-ring{width:90px;height:90px}
#monitorV5:fullscreen .sa-ring strong{font-size:23px}
#monitorV5:fullscreen .sa-levels{gap:5px;padding-top:0}
#monitorV5:fullscreen .sa-note{padding-top:8px;padding-bottom:10px}
#monitorV5:fullscreen .sa-reasons{gap:9px;padding-top:12px}
#monitorV5:fullscreen .sa-stream{min-height:0;overflow:auto}
#monitorV5:fullscreen .sa-event{padding:11px 14px}
#monitorV5:fullscreen .sa-bottom{margin:0;min-height:0}
#monitorV5:fullscreen .sa-source-list,#monitorV5:fullscreen .sa-app-list{max-height:122px;overflow:auto}
#monitorV5:fullscreen .sa-source{padding:6px 10px}
#monitorV5:fullscreen .sa-source small{display:none}
#monitorV5:fullscreen .sa-app-list button{padding:5px 0}
#monitorV5:fullscreen .sa-app-list span small,#monitorV5:fullscreen .sa-app-list strong small{display:none}
#monitorV5:fullscreen .sa-footer{padding:0;align-items:center}
}
@container(max-width:1130px){#monitorV5 .sa-layout{grid-template-columns:195px minmax(300px,1fr)}#monitorV5 .sa-layout>.sa-rail:last-child{grid-column:1/-1}#monitorV5 .sa-stream{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0}#monitorV5 .sa-stream .sa-event:nth-child(n+7){display:none}#monitorV5 .sa-events .sa-panel-head{flex-wrap:nowrap}#monitorV5 .sa-kpi{padding:15px}#monitorV5 .sa-kpi strong{font-size:27px}}
@container(max-width:720px){#monitorV5 .sa-layout{grid-template-columns:1fr}#monitorV5 .sa-layout>.sa-center{order:-1}#monitorV5 .sa-layout>.sa-rail:first-child{display:grid;grid-template-columns:1fr 1fr}#monitorV5 .sa-bottom{grid-template-columns:1fr}#monitorV5 .sa-stream{grid-template-columns:repeat(2,minmax(0,1fr))}#monitorV5 .sa-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#monitorV5 .sa-kpi:nth-child(2){border-right:0}#monitorV5 .sa-kpi:nth-child(n+3){border-top:1px solid var(--sa-line)}#monitorV5 .sa-toolbar{width:100%}#monitorV5 .sa-title h1{font-size:23px}#monitorV5 .sa-map-stage{min-height:240px}#monitorV5 .sa-footer{font-size:10px}}
@container(max-width:420px){#monitorV5 .sa-layout>.sa-rail:first-child{display:flex}#monitorV5 .sa-stream{display:block}#monitorV5 .sa-stream .sa-event:nth-child(n+5){display:none}#monitorV5 .sa-source-list{grid-template-columns:1fr}#monitorV5 .sa-toolbar>.sa-segment{width:100%;justify-content:space-between}#monitorV5 .sa-toolbar>select{width:100%;max-width:none}#monitorV5 .sa-toolbar>button{flex:1}#monitorV5 .sa-kpi{padding:12px}#monitorV5 .sa-kpi strong{font-size:24px}#monitorV5 .sa-kpi>span>i{display:none}#monitorV5 .sa-panel-head{padding:13px}#monitorV5 .sa-map .sa-panel-head{align-items:flex-start;flex-direction:column}#monitorV5 .sa-location-detail{gap:14px;padding:13px}#monitorV5 .sa-location-detail b{font-size:15px}#monitorV5 .sa-map-stage{min-height:205px}#monitorV5 .sa-title h1{font-size:21px}#monitorV5 .sa-legend{font-size:9px}#monitorV5 .sa-map-foot{padding:12px}#monitorV5 .sa-event{padding:13px}#monitorV5 .sa-chart-max{padding-left:12px}#monitorV5 .sa-bars{margin-left:12px;margin-right:12px;gap:2px}}
@media(max-width:700px){body[data-av-shell="app"] .content:has(#monitorV5.sa-screen){padding:10px}body[data-av-shell="app"] #monitorV5.sa-screen{padding:15px 12px;border-radius:9px}body[data-av-shell="app"] #monitorV5.sa-screen:fullscreen{padding:15px 12px}}
@media(prefers-reduced-motion:reduce){#monitorV5.sa-screen *,#monitorV5.sa-screen *:before,#monitorV5.sa-screen *:after{animation:none!important;transition:none!important}}