.layout.overview-mode{min-height:100dvh;--blue:#0066ff;--tint:#eaf2ff}.overview-mode .workspace{height:auto;min-height:100dvh}.overview-mode .sidebar{position:sticky;top:0;height:100dvh}.overview-mode main{padding:14px 16px 24px;overflow:visible;background:linear-gradient(120deg,var(--bg),var(--tint));width:100%;max-width:none}.overview-mode main>.heading{display:none}.overview-mode .map-header-brand{position:fixed}.overview-mode header{position:sticky;top:0;z-index:490}.overview-mode .sidebar{z-index:480}.overview-mode .sidebar-foot{font-size:10px}.overview-mode .sidebar-collapse{margin-top:5px}.overview-mode nav button{font-size:12px;padding:9px 10px;gap:10px}.overview-mode:not(.nav-collapsed) .map-header-brand{left:12px}.overview-mode:not(.nav-collapsed) header{padding-left:100px}.overview-mode:not(.nav-collapsed) .sidebar{padding-top:54px}.overview-mode .profile span{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ov-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px}.ov-heading>div:first-child{display:flex;align-items:center;gap:18px}.ov-heading h1{font-size:30px;letter-spacing:-1px;margin:0}.ov-heading>div>span{font-size:11px;color:var(--muted)}.ov-filters{display:flex;gap:9px;align-items:center}.ov-filters label{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--muted)}.ov-filters input,.ov-filters select{font-size:11px;padding:7px 9px;border-radius:5px;height:33px}.ov-filters select{min-width:165px;max-width:230px}.ov-filters .ov-real{color:var(--blue);background:var(--tint);padding:6px 8px;border-radius:5px;white-space:nowrap;font-size:9px}.ov-scope{color:var(--muted);font-size:10px;margin:0 0 9px}.ov-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.ov-kpi{position:relative;display:flex;gap:11px;text-align:left;min-height:99px;padding:13px 12px;align-items:flex-start;border:1px solid var(--line);border-radius:8px;box-shadow:0 3px 12px #1462aa05}.ov-kpi-icon{width:44px;height:44px;display:grid;place-items:center;background:#edf3ff;color:var(--blue);border-radius:10px;flex-shrink:0}.ov-kpi-icon svg{width:25px;height:25px}.ov-kpi.online .ov-kpi-icon{background:#e1faed;color:#00b87a}.ov-kpi.attention .ov-kpi-icon{background:#ffe6eb;color:#e63358}.ov-kpi.api .ov-kpi-icon{background:#f0eaff;color:#6a38e5}.ov-kpi-label{font-size:11px;color:var(--muted);display:block}.ov-kpi strong{font-size:26px;display:block;line-height:1.3;margin-top:2px}.ov-kpi small{display:block;color:var(--muted);font-size:9px;line-height:1.25;margin-top:4px}.ov-percent{position:absolute;right:10px;top:43px;font-size:10px;color:#00a76d;background:#def9ec;padding:3px;border-radius:4px}.overview-mode .panel{padding:11px;border-radius:8px;box-shadow:0 3px 15px #1462aa05;border-color:var(--line);margin-bottom:0;min-width:0}.overview-mode h2{font-size:15px;margin:0 0 9px;letter-spacing:-.3px}.ov-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.ov-panel-heading h2{margin:0 0 7px}.ov-panel-heading>span,.ov-panel-heading>button{font-size:10px}.ov-panel-heading>span{color:var(--muted)}.ov-panel-heading .link{white-space:nowrap}.ov-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:10px;margin-bottom:10px}.ov-map-panel{position:relative;overflow:hidden}.ov-map{height:335px;border-radius:6px;background:var(--bg);z-index:1;font-family:inherit}.ov-map .leaflet-control-attribution{font-size:8px}.ov-map .leaflet-control-zoom a{width:27px;height:27px;line-height:27px;color:var(--blue)}.ov-map .leaflet-control-scale-line{font-size:9px}.ov-map-tools{position:absolute;z-index:410;right:21px;bottom:30px;display:flex;gap:4px;background:var(--panel);padding:4px;border:1px solid var(--line);border-radius:6px}.ov-map-tools button{font-size:9px;padding:6px 9px;border-radius:4px}.ov-events-panel{display:flex;flex-direction:column}.ov-event-list{height:335px;overflow:auto;scrollbar-width:thin}.ov-event{display:grid;grid-template-columns:34px 90px minmax(0,1fr) auto;gap:8px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 0;background:none;align-items:start}.ov-event:hover{background:var(--tint)}.ov-event-icon{width:32px;height:37px;display:grid;place-items:center;background:var(--tint);color:var(--blue);border-radius:9px}.ov-event-icon.high{background:#ffe7ed;color:#f02c52}.ov-event-icon.medium{background:#fff0df;color:#ed8400}.ov-event-time{font-size:9px;line-height:1.5;color:var(--muted)}.ov-event-content{font-size:10px;display:grid;gap:4px;min-width:0;line-height:1.35}.ov-event-content strong{font-size:11px;color:var(--blue)}.ov-event-content small{color:var(--muted);font-size:9px;overflow-wrap:anywhere}.ov-severity{color:var(--blue);background:var(--tint);padding:4px 5px;font-size:8px;border-radius:4px;white-space:nowrap}.ov-severity.high{color:#de2350;background:#ffe7ed}.ov-severity.medium{color:#c86d00;background:#fff0df}.ov-charts{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px;margin-bottom:10px}.ov-charts>.panel{min-height:202px}.ov-tabs{display:flex;background:var(--bg);border-radius:5px;margin-bottom:9px}.ov-tabs button{border:0;background:none;padding:5px;font-size:9px;flex:1;border-radius:5px}.ov-tabs .active{background:var(--blue);color:#fff}.ov-bars{display:flex;align-items:end;height:106px;gap:3px;position:relative;padding:14px 0 14px 20px;background:repeating-linear-gradient(to top,transparent 0 25px,var(--line) 26px 27px)}.ov-bar-slot{height:100%;flex:1;display:flex;align-items:end;position:relative}.ov-bar-slot>div{background:linear-gradient(#94c6ff,#3287ff);width:100%;min-height:1px}.ov-bar-slot small{position:absolute;bottom:-15px;font-size:8px;left:0;color:var(--muted)}.ov-bar-max{position:absolute;left:0;top:0;font-size:8px;color:var(--muted)}.ov-chart-note{font-size:8px;line-height:1.4;color:var(--muted);padding-top:7px}.ov-status-content{display:flex;align-items:center;justify-content:center;gap:11px;height:145px}.ov-donut{width:113px;height:113px;border-radius:50%;padding:20px;flex-shrink:0;box-shadow:inset 0 0 0 1px #0001}.ov-donut>div{background:var(--panel);border-radius:50%;height:100%;display:grid;place-content:center;text-align:center;box-shadow:0 1px 7px #0002}.ov-donut strong{font-size:24px}.ov-donut span{font-size:8px;color:var(--muted)}.ov-status-legend{display:grid;gap:10px;font-size:9px;flex:1;min-width:0}.ov-status-legend>div{display:flex;align-items:center;gap:5px}.ov-status-legend i,.ov-health i{width:9px;height:9px;border-radius:50%;flex-shrink:0}.ov-status-legend span{flex:1}.ov-status-legend small{color:var(--muted);font-size:8px}.ov-type-list{display:grid;gap:10px;padding-top:8px}.ov-type-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px;font-size:9px}.ov-type-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-type-list i{height:4px;border-radius:3px;grid-column:1/-1}.ov-health{display:grid;gap:0}.ov-health>div{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding:9px 0;font-size:9px}.ov-health i{background:#94a3b8}.ov-health i.good{background:#00bb80}.ov-health strong{font-size:10px;flex:1}.ov-health span{font-size:8px;max-width:95px;color:var(--muted)}.ov-health small{font-size:8px;color:var(--muted)}.ov-server-foot{font-size:9px;padding-top:8px;color:var(--muted)}.ov-attention h2 b{background:#f63f67;border-radius:10px;color:white;padding:2px 6px;font-size:10px;margin-left:5px}.ov-attention th,.ov-attention td{font-size:10px;padding:7px 9px}.ov-attention th{background:var(--bg)}.ov-problem{color:var(--red)}.ov-empty{padding:20px 10px;text-align:center;font-size:11px;line-height:1.5;color:var(--muted)}.ov-inline-error{padding:10px;color:var(--red);font-size:10px}.ov-diagnostics .ov-health{max-width:600px}.ov-diagnostics td,.ov-diagnostics th{font-size:11px}.ov-diagnostics .ov-panel-heading{margin-bottom:10px}.ov-diagnostics label{font-size:11px}#ov-event-detail{margin-top:10px}#ov-event-detail pre{white-space:pre-wrap;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}html[data-theme=dark] .ov-map.is-street .leaflet-tile-pane{filter:brightness(.7) saturate(.75)}html[data-theme=dark] .ov-kpi-icon{background:#203858}html[data-theme=dark] .ov-kpi.online .ov-kpi-icon{background:#103e36}html[data-theme=dark] .ov-kpi.attention .ov-kpi-icon{background:#4c2436}html[data-theme=dark] .ov-kpi.api .ov-kpi-icon{background:#32254c}
@media(min-width:1500px){.ov-map,.ov-event-list{height:350px}.ov-kpi{min-height:109px}.ov-charts>.panel{min-height:195px}.ov-kpi strong{font-size:30px}}
@media(max-width:1300px){.ov-heading>div:first-child{display:block}.ov-heading h1{font-size:26px}.ov-heading>div>span{font-size:10px}.ov-filters{gap:6px}.ov-filters label{font-size:9px}.ov-filters select{min-width:115px}.ov-event{grid-template-columns:29px minmax(0,1fr) auto;gap:6px}.ov-event-time{grid-column:2;grid-row:2;font-size:8px}.ov-event-content{grid-column:2;grid-row:1}.ov-event-icon{grid-column:1;grid-row:1/3}.ov-severity{grid-column:3;grid-row:1}.ov-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-kpi{gap:7px;padding:11px 9px}.ov-kpi-icon{width:34px;height:36px}.ov-kpi strong{font-size:25px}.ov-percent{position:static;align-self:center;margin-left:auto;font-size:8px}.ov-kpi-label{font-size:10px}.ov-kpi small{font-size:8px}}
@media(max-width:1000px){.ov-heading{align-items:flex-start;flex-direction:column;gap:9px}.ov-filters{width:100%}.ov-filters .ov-real{margin-left:auto}.ov-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.ov-main{grid-template-columns:1fr}.ov-event-list{height:270px}.ov-event{grid-template-columns:34px 100px minmax(0,1fr) auto}.ov-event-time{grid-column:2;grid-row:1}.ov-event-content{grid-column:3;grid-row:1}.ov-event-icon{grid-column:1;grid-row:1}.ov-severity{grid-column:4}.overview-mode:not(.nav-collapsed) header{padding-left:100px}.overview-mode:not(.nav-collapsed) .map-server{display:none}}
@media(max-width:850px){.overview-mode .workspace{height:auto}.overview-mode:not(.nav-collapsed) header{padding-left:245px}.overview-mode:not(.nav-collapsed) .sidebar{position:fixed}.overview-mode main{padding:12px}.overview-mode .sidebar{position:fixed}}
@media(max-width:600px){.ov-heading h1{font-size:25px}.ov-filters{flex-wrap:wrap}.ov-filters label{flex:1;min-width:0;display:block}.ov-filters input,.ov-filters select{display:block;margin-top:3px;width:100%;max-width:100%;min-width:0;font-size:10px}.ov-filters .ov-real{margin-left:0}.ov-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ov-kpi{min-height:87px}.ov-charts{grid-template-columns:1fr}.ov-main{gap:8px}.ov-map{height:300px}.ov-event-list{height:310px}.ov-event{grid-template-columns:30px minmax(0,1fr) auto}.ov-event-content{grid-column:2}.ov-event-time{grid-column:2;grid-row:2}.ov-severity{grid-column:3}.overview-mode .panel{padding:10px}.overview-mode .ov-attention .table-wrap{max-width:100%;overflow:auto}.ov-attention table{min-width:650px}.overview-mode:not(.nav-collapsed) header{padding-left:225px}.ov-status-content{justify-content:flex-start;padding:0 15px}.ov-charts>.panel{min-height:190px}.ov-kpi-icon{width:36px}.ov-map-tools{bottom:27px;right:17px}}

.layout.overview-mode{height:auto;overflow:visible}.overview-mode main{flex:initial}.overview-mode .workspace{height:auto;overflow:visible}.overview-mode .ov-filters #ov-refresh{font-size:17px;padding:4px 9px}.ov-attention .table-wrap{max-height:180px;overflow:auto}.ov-attention th{position:sticky;top:0;z-index:1}