.acknowledge-form{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:7px;min-width:330px}.acknowledge-form input{padding:8px 9px}.acknowledge-form button{white-space:nowrap;padding:8px 11px}.acknowledgement{display:grid;min-width:220px}.acknowledgement small{color:var(--muted)}.acknowledgement em{margin-top:5px;color:#c4d5dc;font-style:normal;white-space:normal;overflow-wrap:anywhere}.acknowledged-alerts{border-color:#29475a;padding:0}.acknowledged-alerts>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;cursor:pointer;list-style:none}.acknowledged-alerts>summary::-webkit-details-marker{display:none}.acknowledged-alerts>summary>span:first-child{display:grid}.acknowledged-alerts>summary b{font-size:18px;margin-top:2px}.acknowledged-alerts>summary>span:last-child{color:var(--muted);font-size:12px}.acknowledged-alerts>summary i{display:inline-block;margin-left:7px;font-style:normal;transition:transform .2s}.acknowledged-alerts[open]>summary i{transform:rotate(180deg)}.acknowledged-content{padding:0 24px 24px}.acknowledged-content>.rule-note{margin-top:0}.alert-events .alert-badge.diagnostic{background:#243f67;color:#a9d2ff;border:1px solid #365d91}.billing-grid .billing-card dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.customer-search{margin:5px 8px 8px;width:calc(100% - 16px);padding:8px 9px;font-size:11px}[hidden]{display:none!important}
.inventory-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px}.inventory-tools .device-search{width:min(280px,32vw);padding:8px 11px;font-size:12px}.inventory-count{color:var(--muted);font-size:12px;white-space:nowrap}.device-search-empty{padding:28px;text-align:center;color:var(--muted);border-top:1px solid var(--line)}@media(max-width:720px){.inventory-tools{align-items:flex-end;flex-direction:column;gap:6px}.inventory-tools .device-search{width:min(240px,48vw)}}
.settings-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.settings-list>div:last-child{border-bottom:0}.settings-list span{display:grid}.settings-list small{color:var(--muted)}
.danger-panel{border-color:#5e3039}.danger-button{background:#7c3340;color:#fff}.permanent-delete{margin-top:32px;background:linear-gradient(145deg,#24151a,#11151b)}.permanent-delete p{max-width:760px;color:#d49aa3}.permanent-delete form{max-width:620px}.permanent-delete label b{color:#fff}
.network-settings>p{color:var(--muted);max-width:820px}.network-settings form{max-width:720px}.network-settings textarea{min-height:110px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:13px}.site-card{min-width:0;border:1px solid var(--line);border-radius:10px;padding:16px;background:#09151e}.site-card header{display:flex;justify-content:space-between;gap:12px}.site-card header span{display:grid}.site-card header small,.site-card>p{color:var(--muted)}.site-card header i{font-style:normal;font-size:11px;color:var(--aqua)}.site-card details{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.site-card summary{cursor:pointer}.site-card textarea{min-height:95px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.site-card pre{max-height:320px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.lab-avatar{width:38px;font-size:8px;background:#392c4d;color:#c9a8ff}.lab-banner{border:1px solid #553f72;background:#20172d;color:#d7c2f5;border-radius:10px;padding:14px 17px;margin-bottom:20px}.lab-banner form{display:inline-block;margin-left:12px}.lab-banner button{padding:7px 10px}
.device-actions{display:flex;align-items:center;gap:10px}.device-actions form{margin:0}.secondary-action{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px 14px;color:var(--text);text-decoration:none;background:#0b1720;font:inherit;cursor:pointer}
.customer-user-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.customer-user{border:1px solid var(--line);border-radius:10px;background:#09151e;padding:16px;min-width:0}.customer-user header{display:flex;align-items:center;justify-content:space-between;gap:12px;height:auto;padding:0;border:0;background:none;backdrop-filter:none}.customer-user header>span:first-child{display:grid;min-width:0}.customer-user header small{color:var(--muted);font-size:11px}.user-access-state{display:inline-flex;align-items:center;gap:6px;color:#91a8b2;font-size:11px}.user-access-state i{width:7px;height:7px;border-radius:50%;background:var(--danger)}.user-access-state.enabled i{background:var(--aqua)}.customer-user-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:15px}.customer-user-actions form:last-child{display:block;padding-bottom:1px}.customer-user-actions input{padding:9px 10px}.customer-user-actions button{white-space:nowrap}@media(max-width:520px){.customer-user-list{grid-template-columns:1fr}.customer-user-actions{grid-template-columns:1fr}.customer-user-actions form:last-child{padding:0}}
.alert-rule-list,#alerts,.alert-rule{min-width:0}.alert-rule-list{display:grid;gap:13px}.alert-rule{border:1px solid var(--line);border-radius:10px;padding:16px;background:#09151e}.alert-rule header,.alert-rule footer{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;flex-wrap:wrap}.alert-rule header>span:first-child{display:grid;min-width:0;max-width:100%}.alert-rule header b,.alert-rule header small{overflow-wrap:anywhere}.alert-rule header small,.rule-note{color:var(--muted)}.threshold-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0;min-width:0}.threshold-grid label,.threshold-grid input{min-width:0;max-width:100%}.alert-rule footer{justify-content:flex-start;margin-top:14px}.alert-rule footer button{margin-left:auto}.check-label{display:flex;align-items:center;grid-template-columns:none;gap:7px;min-width:0;max-width:100%;flex-wrap:wrap}.check-label input{width:auto;flex:none}.alert-badge{display:inline-block;padding:4px 8px;border-radius:10px;background:#233744}.alert-badge.high-critical,.alert-badge.low-critical,.alert-badge.offline{background:#6f2735}.alert-badge.high-warning,.alert-badge.low-warning{background:#6a4c20}.alert-badge.normal{background:#175746}.alert-events a{color:var(--aqua)}@media(max-width:800px){.threshold-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-actions{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.threshold-grid{grid-template-columns:minmax(0,1fr)}.alert-rule{padding:13px}.alert-rule footer button{width:100%;margin-left:0}.field-help:after{width:min(230px,calc(100vw - 64px))}}
.field-help{position:relative;display:inline-grid!important;place-items:center;width:17px;height:17px;border:1px solid #55717d;border-radius:50%;color:#8eb0bd;font-size:10px;font-weight:800;line-height:1;cursor:help;outline:none}.field-help:focus{border-color:var(--aqua);color:var(--aqua)}.field-help:after{content:attr(data-help);position:absolute;z-index:20;left:50%;bottom:calc(100% + 8px);width:min(260px,70vw);padding:9px 11px;border:1px solid #36515f;border-radius:7px;background:#071119;color:#d8e7ec;font-size:11px;font-weight:400;line-height:1.4;letter-spacing:0;text-transform:none;box-shadow:0 8px 24px #000a;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,4px);transition:.12s}.field-help:hover:after,.field-help:focus:after{opacity:1;visibility:visible;transform:translate(-50%,0)}
/* Per-device diagnostics */
.diagnostic-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.diagnostic-job{border:1px solid var(--line);border-radius:10px;background:#09151e;padding:16px}.diagnostic-job header{display:flex;align-items:center;justify-content:space-between;gap:12px;height:auto;padding:0;border:0;background:none;backdrop-filter:none}.diagnostic-job header>span:first-child{display:grid}.diagnostic-job header small,.diagnostic-job p{color:var(--muted);font-size:11px}.diagnostic-actions{display:flex;gap:8px;flex-wrap:wrap}.diagnostic-actions form{display:block}.secondary-button{background:#173545;color:var(--text)}
.diagnostic-chart-grid{display:grid;gap:18px}.diagnostic-chart-set{border:1px solid var(--line);border-radius:10px;background:#09151e;padding:16px}.diagnostic-chart-set h3{margin:0 0 12px}.diagnostic-chart{position:relative;margin-top:12px}.diagnostic-chart>b{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.diagnostic-chart canvas{display:block;width:100%;height:190px}.diagnostic-tooltip{display:none;position:absolute;z-index:4;min-width:180px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#07121a;pointer-events:none;font-size:11px}.diagnostic-tooltip span{color:var(--muted)}
.diagnostic-mode-note,.diagnostic-warning{display:grid;gap:3px;border:1px solid var(--line);border-radius:8px;padding:11px 12px;background:#0b1720;color:var(--muted);font-size:11px}.diagnostic-mode-note b{color:var(--aqua)}.diagnostic-warning{margin-top:12px;border-color:#5e4c2b;color:#d7bd83}[data-btest-fields],[data-script-fields],[data-scheduled-fields]{display:grid;gap:12px}.diagnostic-create-form textarea,.script-edit-dialog textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;resize:vertical}.diagnostic-script-ack{color:#e3c47e}.script-results{margin-top:22px}.script-editor-list{display:grid;gap:9px}.script-editor-list>details,.script-group-results details{border:1px solid var(--line);border-radius:8px;background:#09151e}.script-editor-list>details>summary,.script-group-results summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer}.script-editor-list>details>summary span,.script-group-results summary span{display:grid}.script-editor-list>details>summary small,.script-editor-list>details>summary i,.script-group-results summary small,.script-group-results summary i{color:var(--muted);font-size:11px;font-style:normal}.script-group-content{padding:12px 15px;border-top:1px solid var(--line)}.script-group-results{display:grid;gap:8px}.script-group-results h3{margin:0 0 2px}.script-group-results pre{max-height:420px;margin:0;padding:15px;overflow:auto;border-top:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;color:#c9dde6;background:#061018}.script-pencil-button{min-width:38px;padding-inline:11px;font-size:17px}.script-edit-dialog{width:min(700px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:20px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#09151e;color:var(--text);box-shadow:0 22px 70px #000c}.script-edit-dialog::backdrop{background:#02070bcc;backdrop-filter:blur(3px)}.script-edit-dialog form{display:grid;gap:12px}.script-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.script-dialog-heading h2{margin:3px 0 0}.script-dialog-heading button{font-size:20px;line-height:1;padding:7px 10px}
.device-diagnostics-panel{margin-top:22px}.device-diagnostics-panel .section-heading p{margin:4px 0 0;color:var(--muted)}.diagnostic-latest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:11px;margin-bottom:18px}.diagnostic-latest-grid article,.diagnostic-result-card{display:grid;gap:3px;border:1px solid var(--line);border-radius:9px;background:#09151e;padding:14px;min-width:0}.diagnostic-result-card{width:100%;color:var(--text);text-align:left;font:inherit}.diagnostic-result-card:hover,.diagnostic-result-card[aria-expanded="true"]{border-color:#33768a;background:#10232e}.diagnostic-result-card i{margin-top:5px;color:var(--aqua);font-size:10px;font-style:normal}.diagnostic-latest-grid span,.diagnostic-latest-grid small,.diagnostic-chart-set h3 small{color:var(--muted)}.diagnostic-latest-grid b{font-size:22px}.diagnostic-chart-set h3 small{font-size:11px;font-weight:400}.diagnostic-history-detail{margin-top:16px}.diagnostic-result-heading{margin-top:22px}.diagnostic-results-location{display:flex;align-items:center;justify-content:space-between;gap:18px}.diagnostic-results-location p{color:var(--muted);margin-bottom:0}
.diagnostic-alert-settings{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.diagnostic-alert-settings>summary{cursor:pointer;color:var(--aqua);font-weight:700}.diagnostic-alert-settings>p{margin:8px 0;color:var(--muted)}.diagnostic-alert-rule{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#071119}.diagnostic-alert-rule header,.diagnostic-alert-rule footer{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;height:auto;padding:0;border:0;background:none;backdrop-filter:none}.diagnostic-alert-rule footer{justify-content:flex-start}.diagnostic-alert-rule footer button{margin-left:auto}.diagnostic-thresholds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.diagnostic-thresholds input{min-width:0}@media(max-width:650px){.diagnostic-thresholds{grid-template-columns:1fr}.diagnostic-alert-rule footer button{width:100%;margin-left:0}}
.sensor-row{color:var(--text);text-decoration:none}.sensor-row:hover{background:#10232e}.sensor-reading{display:grid;text-align:right;margin-left:12px}.sensor-reading strong{font-size:17px;white-space:nowrap}.sensor-reading i{color:var(--aqua);font-size:10px;font-style:normal;opacity:0}.sensor-row:hover .sensor-reading i{opacity:1}.sensor-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.sensor-summary-grid article{display:grid;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:11px;padding:17px}.sensor-summary-grid span{color:var(--muted);font-size:11px;text-transform:uppercase}.sensor-summary-grid strong{font-size:25px;margin-top:5px}.sensor-detail-chart canvas{height:300px}.chart-legend .sensor-line:before{background:#55d8d0}@media(max-width:800px){.sensor-summary-grid{grid-template-columns:repeat(2,1fr)}}
.page-actions{display:flex;align-items:center;gap:10px}.topology-title{align-items:center}.topology-legend{display:flex;gap:13px;flex-wrap:wrap;color:var(--muted);font-size:11px}.topology-legend span{display:flex;align-items:center;gap:5px}.topology-legend i{width:8px;height:8px;border-radius:50%;background:#66828e}.topology-legend .online i{background:#41e0cf}.topology-legend .offline i{background:#ff6577}.topology-legend .waiting i{background:#e8ac49}.topology-app{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px}.topology-app.readonly{grid-template-columns:1fr}.topology-tools{margin:0;align-self:start}.topology-tools hr{width:100%;border:0;border-top:1px solid var(--line);margin:5px 0}.topology-tools small{color:var(--muted)}.topology-workspace{padding:0;margin:0;overflow:hidden}.topology-toolbar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.topology-toolbar>div{display:flex;gap:6px}.map-button{padding:6px 10px;background:#173545;color:var(--text)}.topology-stage{position:relative;min-height:620px;background:#071119;touch-action:none}.topology-stage svg{display:block;width:100%;height:620px;user-select:none}.topology-app.editable .topology-stage,.topology-app.editable .topology-stage svg{min-height:720px;height:720px}.topology-grid-line{fill:none;stroke:#142934;stroke-width:1}.topology-background{fill:url(#topology-grid)}.topology-link{stroke:#58717d;stroke-width:4;stroke-linecap:round}.topology-link.online{stroke:#2cae9e}.topology-link.offline{stroke:#c94f60}.topology-link.waiting{stroke:#bf8e39;stroke-dasharray:9 7}.topology-link.neutral{stroke:#506671;stroke-dasharray:7 7}.topology-link-hit{stroke:transparent;stroke-width:18;cursor:pointer}.topology-link-label{fill:#9cb0b8;font:11px Inter,system-ui,sans-serif;text-anchor:middle;paint-order:stroke;stroke:#071119;stroke-width:4}.topology-node{cursor:pointer}.editable .topology-node{cursor:grab}.topology-node.dragging{cursor:grabbing}.topology-node .node-box{fill:#10232f;stroke:#385361;stroke-width:2}.topology-node.online .node-box{stroke:#41e0cf}.topology-node.offline .node-box{stroke:#ff6577}.topology-node.waiting .node-box{stroke:#e8ac49}.topology-node.selected .node-box{stroke:#3097ff;stroke-width:4}.topology-node .node-status{fill:#66828e}.topology-node.online .node-status{fill:#41e0cf}.topology-node.offline .node-status{fill:#ff6577}.topology-node.waiting .node-status{fill:#e8ac49}.topology-node .node-icon{fill:#41e0cf;font:700 22px Inter,system-ui,sans-serif;text-anchor:middle}.topology-node .node-label{fill:#eaf4f7;font:700 12px Inter,system-ui,sans-serif;text-anchor:middle}.topology-node .node-detail{fill:#78919c;font:10px Inter,system-ui,sans-serif;text-anchor:middle}.topology-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);pointer-events:none}.topology-empty[hidden]{display:none}.topology-tools .connecting{background:#e8ac49;color:#241a08}@media(max-width:900px){.topology-app{grid-template-columns:1fr}.topology-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.topology-tools h2,.topology-tools hr,.topology-tools small{grid-column:1/-1}.topology-stage,.topology-stage svg,.topology-app.editable .topology-stage,.topology-app.editable .topology-stage svg{min-height:560px;height:560px}}@media(max-width:600px){.page-actions{align-items:stretch;flex-direction:column}.topology-title{display:block}.topology-legend{margin-top:14px}.topology-tools{grid-template-columns:1fr}.topology-tools h2,.topology-tools hr,.topology-tools small{grid-column:auto}.topology-stage,.topology-stage svg,.topology-app.editable .topology-stage,.topology-app.editable .topology-stage svg{min-height:460px;height:460px}}
.topology-link.style-dashed{stroke-dasharray:13 9}.topology-link.style-dotted{stroke-dasharray:2 11;stroke-linecap:round}.topology-link.selected{stroke:#3097ff;stroke-width:7}
.billing-title{align-items:center}.billing-estimate{display:block;color:#e8ac49;margin-top:8px}.billing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-bottom:24px}.billing-card{display:block;min-width:0;padding:18px;color:var(--text);text-decoration:none;background:linear-gradient(145deg,#10232f,#0b1821);border:1px solid var(--line);border-radius:11px}.billing-card:hover,.billing-card.active{border-color:#41e0cf}.billing-card header{display:flex;justify-content:space-between;gap:12px;height:auto;padding:0 0 14px;border:0;background:none;backdrop-filter:none}.billing-card header span{display:grid;min-width:0}.billing-card header b,.billing-card header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-card header small,.billing-card header i{color:var(--muted);font-size:10px}.billing-card header i{font-style:normal;white-space:nowrap}.billing-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;margin:0}.billing-card dt{font-size:9px;text-transform:uppercase;color:var(--muted)}.billing-card dd{margin:3px 0 0;font-size:12px;font-weight:750}.billing-detail{overflow:hidden}.billing-detail .section-heading p{margin:2px 0 0;color:var(--muted)}.billing-month{display:block;min-width:180px}.billing-summary{margin:20px 0}.billing-summary .direction-card dl{grid-template-columns:repeat(2,1fr)}.billing-chart-title{margin:28px 0 10px}.billing-settings,.billing-delete{margin-top:25px;border-top:1px solid var(--line);padding-top:15px}.billing-settings summary,.billing-delete summary{cursor:pointer;color:var(--muted)}.billing-settings form,.billing-delete form{max-width:620px;margin-top:14px}.billing-settings small{color:var(--muted)}.billing-delete{margin-top:14px}@media(max-width:700px){.billing-card dl{grid-template-columns:repeat(2,1fr)}.billing-detail .section-heading{align-items:stretch;flex-direction:column}.billing-month{width:100%}}