.cnr-monitor{--ink:#173640;--muted:#59707b;--teal:#007e88;box-sizing:border-box;max-width:1240px;margin:22px 0;background:#f3f7f8;border:1px solid #dce6e9;border-radius:18px;padding:28px;color:var(--ink);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cnr-monitor *{box-sizing:border-box}.cnr-monitor h2,.cnr-monitor h3,.cnr-monitor p{margin:0}.cnr-head,.cnr-controls,.cnr-connection,.cnr-chart-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.cnr-eyebrow{color:var(--teal);font-size:11px;font-weight:750;letter-spacing:2px}.cnr-monitor h2{font-size:28px;line-height:1.25;margin:7px 0;color:var(--ink)}.cnr-head p,.cnr-chart-head p,.cnr-chart-note,.cnr-card>span{color:var(--muted)}.cnr-monitor label{display:flex;flex-direction:column;font-size:12px;gap:5px}.cnr-monitor select,.cnr-monitor button{font:inherit;min-height:40px;border:1px solid #c4d6da;border-radius:8px;padding:6px 12px;background:white;color:var(--ink);max-width:100%}.cnr-monitor button{cursor:pointer;align-self:end}.cnr-monitor button:disabled{opacity:.5}.cnr-monitor :focus-visible{outline:3px solid #5065d8;outline-offset:3px}.cnr-connection{margin:24px 0 18px;font-size:12px;color:var(--muted);flex-wrap:wrap}.cnr-connection [data-role=connection]{font-weight:650;color:var(--teal)}.cnr-connection [data-role=connection]:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:9px}.cnr-monitor[data-health=offline] .cnr-connection [data-role=connection]{color:#a64932}.cnr-monitor[data-health=partial] .cnr-connection [data-role=connection]{color:#9a671a}.cnr-monitor[data-health=offline] .cnr-card strong{opacity:.55}.cnr-cards{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.cnr-card{background:white;border:1px solid #dce6e9;border-radius:12px;padding:24px}.cnr-card h3{font-size:13px;font-weight:550;color:var(--muted)}.cnr-card strong{display:block;font-size:clamp(25px,3.2vw,44px);font-weight:650;letter-spacing:-1.5px;margin:10px 0;white-space:nowrap}.cnr-card>span{font-size:12px}.cnr-primary{background:#e3f3f2;border-color:#b9dedb}.cnr-primary strong{color:#006c73}.cnr-states{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0 24px;border:1px solid #dce6e9;border-radius:12px;background:white}.cnr-states>div{padding:20px;display:flex;flex-direction:column;gap:9px}.cnr-states>div+div{border-left:1px solid #dce6e9}.cnr-states span{font-size:12px;color:var(--muted)}.cnr-states b{font-size:14px}.cnr-states b[data-state=on]{color:#007e88}.cnr-states b[data-state=alert]{color:#b33120}.cnr-states b[data-state=unknown]{color:#987029}.cnr-chart-panel{background:white;border:1px solid #dce6e9;border-radius:12px;padding:24px}.cnr-chart-head{align-items:flex-start}.cnr-chart-head h3{font-size:16px;margin-bottom:8px}.cnr-chart-head p{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}.cnr-key:before{content:"";display:inline-block;width:16px;height:3px;background:#007e88;margin-right:6px;vertical-align:middle}.cnr-p2:before{background:#5065d8}.cnr-sp:before{background:#b27c32}.cnr-chart{margin-top:20px;min-height:180px}.cnr-chart svg{width:100%;height:auto;display:block}.cnr-chart-note{font-size:11px;margin-top:12px!important}.cnr-empty{text-align:center;padding:55px 20px;color:var(--muted)}.cnr-diagnostics{margin-top:22px;font-size:12px;color:var(--muted)}.cnr-diagnostics summary,.cnr-settings summary{cursor:pointer;font-weight:650;padding:8px 0}.cnr-diagnostics p{margin:10px 0}.cnr-table-scroll{overflow:auto}.cnr-monitor table{width:100%;border-collapse:collapse;text-align:left}.cnr-monitor th,.cnr-monitor td{padding:8px;border-bottom:1px solid #dce6e9}.cnr-settings{max-width:1240px;margin:24px 0;background:white;padding:18px;border:1px solid #dce6e9;border-radius:12px}.cnr-device-row{display:flex;align-items:center;gap:20px;margin-top:20px;flex-wrap:wrap}@media(max-width:760px){.cnr-monitor{padding:18px 14px;margin:12px 0}.cnr-head{align-items:flex-start;flex-direction:column}.cnr-controls{width:100%;gap:10px}.cnr-controls label{flex:1;min-width:0}.cnr-cards{grid-template-columns:1fr 1fr;gap:10px}.cnr-primary{grid-column:1/-1}.cnr-card{padding:18px 14px}.cnr-primary strong{font-size:44px}.cnr-states{grid-template-columns:1fr}.cnr-states>div{padding:14px;flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.cnr-states>div+div{border-left:0;border-top:1px solid #dce6e9}.cnr-states b{text-align:right}.cnr-chart-panel{padding:16px 10px}.cnr-chart-head{gap:10px}.cnr-chart-head p{gap:8px}.cnr-chart{overflow-x:auto}.cnr-chart svg{min-width:520px}.cnr-monitor h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.cnr-monitor *{scroll-behavior:auto}}
.cnr-device-inventory{margin-bottom:26px;padding-bottom:24px;border-bottom:1px solid #dce6e9}.cnr-device-inventory h3{font-size:17px}.cnr-device-inventory>p{font-size:12px;color:#59707b;margin:5px 0 14px}.cnr-device-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.cnr-monitor .cnr-saved-device{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;padding:16px;border-radius:10px;overflow-wrap:anywhere;min-width:0}.cnr-saved-device strong{font-size:15px}.cnr-saved-device span,.cnr-saved-device small{font-size:12px;color:#59707b}.cnr-monitor .cnr-saved-device[aria-pressed=true]{border-color:#007e88;background:#e3f3f2}.cnr-empty-devices{font-size:13px;color:#59707b}

.cnr-insights{background:#fff;border:1px solid #dce6e9;border-radius:16px;padding:22px;margin:18px 0}.cnr-insights h3{margin:0 0 16px}.cnr-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cnr-summary article{background:#f4f8fa;border-radius:12px;padding:16px;min-width:0}.cnr-summary h4{margin:0 0 10px;color:#174852}.cnr-summary p{margin:7px 0;font-size:14px;overflow-wrap:anywhere}.cnr-warning{padding:12px 16px;border-radius:8px;background:#edf2f6;color:#344e60}.cnr-warning-warning{background:#fff0dd;color:#864a06;border-left:4px solid #ba720d}.cnr-warning-ok{background:#e8f5ef;color:#216147}.cnr-alert-settings{border:1px solid #cbd8dd;border-radius:12px;padding:18px;margin:24px 0;background:white}.cnr-alert-settings input[type=number]{width:110px}@media(max-width:650px){.cnr-summary{grid-template-columns:1fr}.cnr-insights{padding:16px}}

.cnr-compressor-time{padding:16px 20px;background:#e7f3f4;border:1px solid #bddbde;border-radius:12px;color:#174852;font-weight:600;line-height:1.6}

.cnr-chart-tooltip{background:#173640;color:#fff;padding:12px 16px;border-radius:9px;font-size:14px;line-height:1.7;overflow-wrap:anywhere;margin-top:10px}.cnr-chart svg{cursor:crosshair}.cnr-chart svg:focus-visible{outline:3px solid #007e88;outline-offset:3px}

@media(max-width:760px){.cnr-chart svg{min-width:0;touch-action:manipulation}}