.device-panel{margin:36px 0 70px;padding:32px;border:1px solid #c9d3c3;border-radius:18px;background:#e8eddf;color:#1d342a}.device-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.device-heading h2{font-size:27px;line-height:1.35;margin:8px 0}.device-state{white-space:nowrap;font-size:13px;padding:7px 13px;background:#d6ddce;border-radius:30px}.device-panel[data-state=online] .device-state{background:#1f5e42;color:#fff}.device-panel[data-state=stale] .device-state,.device-panel[data-state=error] .device-state{background:#f2dcae;color:#634818}.device-description,.device-status,.device-quality,.device-help{font-size:14px;line-height:1.7}.device-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:22px 0 12px}.device-actions button{font:inherit;padding:11px 19px;border:1px solid #55745f;border-radius:8px;background:#214b37;color:#fff;cursor:pointer}.device-actions button+button{background:transparent;color:#214b37}.device-actions button:disabled{opacity:.45;cursor:default}.device-actions button:focus-visible,.device-help summary:focus-visible{outline:3px solid #a27532;outline-offset:4px}.device-actions span{font-size:12px;color:#53664d;margin-left:5px}.device-status{min-height:24px}.device-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:25px 0 12px}.device-metrics div{border-top:1px solid #b9c8b0;padding-top:14px;min-width:0}.device-metrics dt{font-size:12px;color:#52604c}.device-metrics dd{font-variant-numeric:tabular-nums;font-size:23px;margin:8px 0 0;overflow-wrap:anywhere}.device-metrics.expired dd{color:#7b8572}.device-quality{font-size:12px;color:#53664d}.device-help{margin-top:22px;border-top:1px solid #c3cfba;padding-top:16px;max-width:900px}.device-help summary{cursor:pointer;font-weight:600}.device-help p{margin:10px 0}.device-help strong{font-weight:650}@media(max-width:900px){.device-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.device-panel{padding:22px 18px}.device-heading{align-items:flex-start;gap:8px}.device-heading h2{font-size:22px}.device-metrics{grid-template-columns:repeat(2,1fr)}.device-metrics dd{font-size:22px}}