/* MPATEL Speed Test monitor 665b6ec81f */
.monitor-app{display:grid;gap:var(--space-4);min-width:0}.monitor-app > *{min-width:0}.monitor-app .count{color:var(--text-muted);font-weight:500;font-family:var(--font-mono);font-size:var(--step--1);margin-left:var(--space-1)}.monitor-app .notice p{margin:0}.monitor-app .mon-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.monitor-app .mon-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}.monitor-app .status-pill{--state:var(--text-muted);display:inline-flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-2);row-gap:0;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-3);border-radius:999px;background:var(--bg-elev);border:2px solid var(--state);min-height:var(--tap);max-width:100%}.monitor-app .status-pill[data-state="online"]{--state:var(--ok)}.monitor-app .status-pill[data-state="degraded"]{--state:var(--warn)}.monitor-app .status-pill[data-state="down"]{--state:var(--bad)}.monitor-app .status-pill .beacon{width:0.7rem;height:0.7rem;border-radius:50%;background:var(--state);flex:none}.monitor-app .status-pill .state-label{font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--state)}.monitor-app .status-pill[data-state="idle"] .state-label{color:var(--text)}.monitor-app .status-pill .state-since{font-size:var(--step--1);color:var(--text-muted)}.monitor-app .status-pill .state-reason{flex-basis:100%;font-size:var(--step--1);color:var(--text-muted);overflow-wrap:anywhere;padding-left:calc(0.7rem + var(--space-2))}.monitor-app .status-pill .state-since:empty,.monitor-app .status-pill .state-reason:empty{display:none}.monitor-app .status-pill[data-state="down"] .beacon{animation:mon-blink 0.9s ease-in-out infinite}.monitor-app .status-pill[data-state="online"] .beacon{box-shadow:0 0 0 0.2rem var(--ok-bg)}@keyframes mon-blink{0%,100%{opacity:1}50%{opacity:0.3}}.monitor-app .mon-datause,.monitor-app .mon-conn{margin:0}.monitor-app .mon-meta{margin:0;font-size:var(--step--1);color:var(--text-muted)}.monitor-app .kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}@media (min-width:40em){.monitor-app .kpis{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}}.monitor-app .kpi{position:relative;display:flex;flex-direction:column;gap:var(--space-1);min-height:7.25rem;min-width:0;padding:var(--space-3) var(--space-3) var(--space-2) calc(var(--space-3) + 3px);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.monitor-app .kpi::before{content:"";position:absolute;left:0;top:var(--space-2);bottom:var(--space-2);width:3px;border-radius:2px;background:var(--kpi,var(--border))}.monitor-app .kpi[data-level="ok"]{--kpi:var(--ok)}.monitor-app .kpi[data-level="warn"]{--kpi:var(--warn)}.monitor-app .kpi[data-level="bad"]{--kpi:var(--bad)}.monitor-app .kpi:has(.tip:not([hidden])){z-index:3}.monitor-app .kpi-label{margin:0;font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);line-height:1.35}.monitor-app .kpi-label .tip{text-transform:none;letter-spacing:0;font-family:var(--font)}.monitor-app .kpi-hint{text-transform:none;letter-spacing:0;overflow-wrap:anywhere}.monitor-app .kpi-value{margin:0;display:flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--step-2);font-weight:600;line-height:1.15;overflow-wrap:anywhere}.monitor-app .kpi-value .grade{font-size:var(--step--1)}.monitor-app .kpi-sub{margin:auto 0 0;font-size:var(--step--1);color:var(--text-muted);overflow-wrap:anywhere}.monitor-app .kpi-spark{display:block;width:100%;height:2.1rem;margin-top:auto}.monitor-app .mon-panel{display:grid;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.monitor-app .mon-panel > *{margin:0;min-width:0}.monitor-app .panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3)}.monitor-app .panel-head h3,.monitor-app .panel-head h4{margin:0;font-size:var(--step-1)}.monitor-app .panel-head h4{font-size:var(--step-0)}.monitor-app .panel-head.sub{padding-top:var(--space-3);border-top:1px solid var(--border)}.monitor-app .panel-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.monitor-app .mon-chart-mid{aspect-ratio:auto;height:13rem}.monitor-app .mon-select-sm{width:auto;min-width:9rem}.monitor-app .seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.monitor-app .seg button{min-height:var(--tap);padding:0 var(--space-3);border:0;border-right:1px solid var(--border-strong);background:var(--bg-elev);color:var(--text);font:inherit;font-size:var(--step--1);cursor:pointer}.monitor-app .seg button:last-child{border-right:0}.monitor-app .seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-contrast);font-weight:600}.monitor-app .seg button:focus-visible{outline-offset:-3px}.monitor-app .chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.monitor-app .chip{min-height:2.25rem;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:999px;background:var(--bg-elev);color:var(--text);font:inherit;font-size:var(--step--1);cursor:pointer}.monitor-app .chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.monitor-app .chip .n{margin-left:var(--space-1);font-family:var(--font-mono)}@media (pointer:coarse){.monitor-app .chip{min-height:var(--tap)}}.monitor-app .dropdown{position:relative}.monitor-app .dropdown > summary{list-style:none}.monitor-app .dropdown > summary::-webkit-details-marker{display:none}.monitor-app .dropdown-body{position:absolute;z-index:20;right:0;top:calc(100% + var(--space-1));width:min(18rem,80vw);max-height:20rem;overflow:auto;padding:var(--space-2);background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow)}@media (max-width:30em){.monitor-app .dropdown-body{right:auto;left:0}}.monitor-app .dropdown-body .check{margin:0;padding:var(--space-1) var(--space-2)}.monitor-app .dropdown-body .swatch{width:0.7rem;height:0.7rem;border-radius:3px;flex:none;align-self:center}.monitor-app .services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-3)}.monitor-app .service-group-title{grid-column:1 / -1;margin:var(--space-2) 0 0;font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted)}.monitor-app .service-group-title:first-child{margin-top:0}.monitor-app .service-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-1) var(--space-2);min-width:0;padding:var(--space-2) var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.monitor-app .service-card:hover,.monitor-app .service-card:focus-within{border-color:var(--border-strong)}.monitor-app .service-card[data-enabled="false"] .card-main,.monitor-app .service-card[data-enabled="false"] .card-meta,.monitor-app .service-card[data-enabled="false"] .spark{opacity:0.55}.monitor-app .card-top{display:flex;align-items:center;gap:var(--space-2);min-width:0}.monitor-app .service-card .name{min-width:0;min-height:2rem;padding:0;border:0;background:none;color:var(--text);font:inherit;font-weight:600;text-align:left;line-height:1.25;overflow-wrap:anywhere;cursor:pointer}.monitor-app .service-card .name:hover{color:var(--accent);text-decoration:underline}.monitor-app .card-toggle{display:flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2rem;cursor:pointer}.monitor-app .card-toggle input{width:1.1rem;height:1.1rem;margin:0;accent-color:var(--accent);cursor:pointer}.monitor-app .status-dot{width:0.6rem;height:0.6rem;border-radius:50%;flex:none;background:var(--text-muted)}.monitor-app .status-dot[data-status="ok"]{background:var(--ok)}.monitor-app .status-dot[data-status="fail"],.monitor-app .status-dot[data-status="blocked"]{background:var(--warn)}.monitor-app .status-dot[data-status="down"]{background:var(--bad)}.monitor-app .warn-icon{flex:none;font-size:var(--step--1);color:var(--warn);font-weight:600}.monitor-app .card-main{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.monitor-app .card-main .ms{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--step-1);font-weight:600}.monitor-app .card-main .ms[data-level="warn"]{color:var(--warn)}.monitor-app .card-main .ms[data-level="bad"]{color:var(--bad)}.monitor-app .svc-status{font-size:var(--step--1);color:var(--text-muted)}.monitor-app .card-main .grade{margin-left:auto}.monitor-app .card-meta{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:0 var(--space-3);font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-muted);font-variant-numeric:tabular-nums}.monitor-app .card-meta b{color:var(--text);font-weight:500}.monitor-app .card-meta .loss[data-level="warn"] b{color:var(--warn)}.monitor-app .card-meta .loss[data-level="bad"] b{color:var(--bad)}.monitor-app .service-card .spark{grid-column:1 / -1;display:block;width:100%;height:2rem}@media (max-width:39.99em){.monitor-app .services-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}.monitor-app .service-card{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:0 var(--space-2);padding:0 0 var(--space-1) var(--space-3)}.monitor-app .card-top{grid-column:1;grid-row:1}.monitor-app .card-main{display:contents}.monitor-app .card-main .ms{grid-column:2;grid-row:1;justify-self:end;font-size:var(--step-0)}.monitor-app .svc-status{grid-column:1;grid-row:2;padding-left:calc(0.6rem + var(--space-2))}.monitor-app .card-main .grade,.monitor-app .service-card .spark{display:none}.monitor-app .card-meta{grid-column:2;grid-row:2;justify-self:end}.monitor-app .card-meta .avg,.monitor-app .card-meta .minmax,.monitor-app .card-meta .jit{display:none}.monitor-app .card-toggle{grid-column:3;grid-row:1 / span 2;min-height:2.75rem}}.monitor-app .grade[data-grade=""]{display:none}.monitor-app .mon-readouts{margin:0;padding:0;list-style:none}@media (min-width:48em){.monitor-app .mon-readouts{grid-template-columns:repeat(4,minmax(0,1fr))}}.monitor-app .events-list{margin:0;padding:0;list-style:none;max-height:26rem;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.monitor-app .events-list:empty{display:none}.monitor-app .events-list li{display:grid;grid-template-columns:5.5rem auto minmax(0,1fr);gap:var(--space-2);align-items:baseline;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-size:var(--step--1)}.monitor-app .events-list li:last-child{border-bottom:0}.monitor-app .ev-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted)}.monitor-app .ev-text{min-width:0;overflow-wrap:anywhere}@media (max-width:34em){.monitor-app .events-list li{grid-template-columns:auto minmax(0,1fr)}.monitor-app .events-list .ev-text{grid-column:1 / -1}}.monitor-app .report-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3)}.monitor-app .report-form .field{flex:1 1 11rem;margin:0}.monitor-app .report-actions{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);padding:var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.monitor-app .btn-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.monitor-app .group-label{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted)}.monitor-app .file-btn{cursor:pointer}.monitor-app #import-json:focus-visible + .file-btn{outline:3px solid var(--focus);outline-offset:2px}.monitor-app .report-view{min-height:5rem;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg)}.monitor-app .report-view > p{margin:0;padding:var(--space-4)}.monitor-app .report-view iframe{display:block;width:100%;min-height:25rem;border:0;background:#fff}.monitor-app .report-view.busy{opacity:0.6}.monitor-app .table-kv td:first-child{color:var(--text-muted)}.monitor-app .table-kv td:last-child{text-align:right;font-family:var(--font-mono)}.monitor-app .mon-dialog{width:min(58rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:0;overflow:auto;background:var(--bg-elev);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow)}.monitor-app .mon-dialog::backdrop{background:rgba(8,16,19,0.55)}.monitor-app .mon-drawer{width:min(30rem,100vw);height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-radius:0;border-width:0 0 0 1px}.monitor-app .modal-head{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elev);border-bottom:1px solid var(--border)}.monitor-app .modal-head h2{margin:0;font-size:var(--step-2)}.monitor-app .modal-sub{margin:var(--space-1) 0 0;font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-muted);overflow-wrap:anywhere}.monitor-app .modal-body{display:grid;gap:var(--space-4);padding:var(--space-4)}.monitor-app .modal-cols{display:grid;gap:var(--space-4)}@media (min-width:40em){.monitor-app .modal-cols{grid-template-columns:1fr 1fr}}.monitor-app .modal-cols h3{margin:0 0 var(--space-2);font-size:var(--step-0)}.monitor-app .incident-list{margin:0;padding:0;list-style:none;font-size:var(--step--1)}.monitor-app .incident-list li{display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.monitor-app .incident-list .none{font-family:var(--font);color:var(--text-muted)}.monitor-app .drawer-body{display:grid;gap:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-6)}.monitor-app .drawer-body fieldset{margin:0;padding:0 0 var(--space-4);border:0;border-bottom:1px solid var(--border);min-width:0}.monitor-app .drawer-body legend{padding:0;margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted)}.monitor-app .drawer-body .field{margin-bottom:var(--space-3)}.monitor-app .settings-form{display:grid;gap:var(--space-4)}.monitor-app .grid2{display:grid;gap:0 var(--space-3)}@media (min-width:26em){.monitor-app .grid2{grid-template-columns:1fr 1fr}}.monitor-app .targets-list{max-height:18rem;overflow:auto;margin-bottom:var(--space-3);padding:var(--space-1);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.monitor-app .target-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--step--1)}.monitor-app .target-row:hover{background:var(--bg-sunk)}.monitor-app .target-row label{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;min-height:2.25rem;cursor:pointer}.monitor-app .target-row input{margin:0;accent-color:var(--accent)}.monitor-app .t-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-app .t-name small{display:block;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono);color:var(--text-muted)}.monitor-app .t-core{padding:0 var(--space-1);border:1px solid var(--accent);border-radius:4px;color:var(--accent);font-size:0.75rem}.monitor-app .t-group{color:var(--text-muted)}.monitor-app .custom-target-form{display:grid;gap:0}.monitor-app .storage-usage{margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-muted)}.monitor-app .storage-usage p{margin:0}.monitor-app .storage-usage b{color:var(--text);font-weight:500}@media (prefers-reduced-motion:reduce){.monitor-app .status-pill .beacon{animation:none}}@media print{.monitor-app .mon-toolbar,.monitor-app #kpis,.monitor-app #timeline,.monitor-app #services,.monitor-app #speed,.monitor-app #events,.monitor-app .report-form,.monitor-app .report-actions,.monitor-app .mon-dialog,.monitor-app .mon-datause,.monitor-app .mon-meta,.monitor-app #start-hint{display:none !important}.monitor-app .mon-panel{border:0;padding:0}.monitor-app .report-view iframe{min-height:0}}