.strip-telemetry-dialog{width:720px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:hidden;background:#07192d;border:1px solid #304e69;color:#e3edf8}
.strip-telemetry-dialog[open]{display:flex;flex-direction:column}
.strip-telemetry-dialog .modal-header{flex:none;padding:20px 24px;gap:12px;align-items:flex-start}
.strip-telemetry-dialog .modal-header h2{margin:7px 0 0;font-size:23px;letter-spacing:-.5px}
.strip-telemetry-dialog .modal-header>.icon-button{min-width:44px;min-height:44px;flex:none}
.strip-info-subtitle{font-size:11px;color:#91aac5;margin:7px 0 0;overflow-wrap:anywhere}
.strip-telemetry-dialog .strip-info-body{flex:1;min-height:0;max-height:none;overflow-y:auto;padding:23px 24px;overscroll-behavior:contain}
.strip-telemetry-dialog .modal-footer{flex:none;gap:14px;align-items:center;padding:15px 20px}
.strip-telemetry-dialog .modal-footer>div:last-child{gap:8px;flex:none}
.strip-telemetry-dialog .modal-footer .button{min-height:44px;font-size:11px;padding:9px 12px}
.strip-telemetry-dialog .strip-info-read-status{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:11px;color:#afc6dc}
.strip-info-read-status>span{display:flex;align-items:center;gap:6px;line-height:1.5}
.strip-info-read-status .icon{width:14px;height:14px;color:#8bc4e7}
.strip-info-read-status>small{font-size:9px;color:#829cb7;line-height:1.6}
.strip-info-overview{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.strip-info-device-icon{display:grid;place-items:center;width:51px;height:51px;border:1px solid #315974;background:#11334d;color:#81d0f9;border-radius:13px;flex:none}
.strip-info-device-icon>.icon{width:27px;height:27px}
.strip-info-overview>div:last-child{min-width:0}
.strip-info-overview span{font-size:9px;letter-spacing:1.3px;color:#ffd45b}
.strip-info-overview h3{font-size:19px;margin:5px 0;overflow-wrap:anywhere}
.strip-info-overview p{font-size:11px;color:#8eabc7;margin:0}
.strip-info-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:0}
.strip-info-fact{min-width:0}
.strip-info-fact dt{font-size:10px;color:#88a4bf;line-height:1.5;margin-bottom:5px}
.strip-info-fact dd{font-size:12px;color:#d1e3f3;line-height:1.65;margin:0;overflow-wrap:anywhere}
.strip-info-identity{border:1px solid #284761;background:#07172a;border-radius:11px;padding:15px 17px;margin-bottom:18px}
.strip-info-readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.strip-info-readings>article{min-width:0;padding:15px 13px;background:linear-gradient(145deg,#12314b,#0a2038);border:1px solid #31546d;border-radius:12px}
.strip-info-readings>article>span{font-size:10px;color:#b1c8de;line-height:1.5;min-height:32px;display:flex;align-items:flex-start;gap:6px}
.strip-info-readings .icon{width:15px;height:15px;flex:none;color:#ffd85c}
.strip-info-readings strong{font-size:27px;font-weight:600;letter-spacing:-.8px;color:#edf7ff;display:block;margin:10px 0}
.strip-info-readings small{display:block;font-size:9px;color:#82a1be;line-height:1.6}
.strip-info-metering{display:flex;gap:10px;align-items:flex-start;padding:14px 15px;border-radius:10px;background:#152b3d;border:1px solid #345062;font-size:11px;line-height:1.8;color:#b6cbdc;margin:15px 0 23px}
.strip-info-metering>.icon{width:17px;height:17px;color:#f5ce76;flex:none;margin-top:2px}
.strip-info-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.strip-info-section-heading h3{font-size:14px;margin:0}
.strip-info-section-heading>span{font-size:9px;color:#829cb7}
.strip-info-temperature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.strip-info-temperature-grid>div{min-width:0;border:1px solid #284660;background:#081a2e;padding:12px 13px;border-radius:10px}
.strip-info-temperature-grid span{display:block;font-size:10px;color:#89a7c1;overflow-wrap:anywhere}
.strip-info-temperature-grid strong{display:block;font-size:17px;color:#cbdeec;font-weight:550;margin-top:7px}
.strip-info-hint,.strip-info-empty{font-size:10px;line-height:1.8;color:#849fba;margin:12px 0}
.strip-info-inputs{border:1px solid #284761;border-radius:10px;padding:14px 16px;margin-bottom:20px}
.strip-info-section,.strip-info-section[open]{padding:0;margin:10px 0;border:1px solid #2d4a65;border-radius:11px;background:#081b30;overflow:hidden}
.strip-info-section>summary{display:flex;gap:10px;align-items:center;min-height:48px;padding:12px 15px;font-size:12px;font-weight:600;margin:0;list-style:none;color:#cee1f3}
.strip-info-section>summary::-webkit-details-marker{display:none}
.strip-info-section>summary>span{flex:1}
.strip-info-section>summary>small{font-size:10px;color:#8baac7;font-weight:400}
.strip-info-section>summary>.icon{width:16px;height:16px;color:#97b7d2;flex:none;transition:transform .15s}
.strip-info-section[open]>summary>.icon{transform:rotate(180deg)}
.strip-info-section[open]>summary{border-bottom:1px solid #284761}
.strip-info-section-body{padding:16px 15px}
.strip-info-section-body h4{font-size:12px;margin:19px 0 12px;color:#bbd3e8}
.strip-info-outlets,.strip-info-rows{display:flex;flex-direction:column;gap:11px}
.strip-info-outlets>article,.strip-info-rows>div{padding:14px 15px;border:1px solid #243e58;border-radius:9px;background:#06172a}
.strip-info-outlets header{display:flex;align-items:flex-start;gap:10px;margin-bottom:13px}
.strip-info-outlets header>span{color:#f8d267;font-size:10px;flex:none;line-height:1.6}
.strip-info-outlets header>strong{font-size:12px;line-height:1.5;color:#c7ddee;overflow-wrap:anywhere}
.strip-info-rows>div>strong{display:block;font-size:12px;color:#ffd76a;margin-bottom:13px}
.strip-info-warnings{border:1px solid #69583b;border-radius:10px;background:#292419;padding:14px 16px;color:#d8c499;font-size:11px;line-height:1.8;margin-top:17px}
.strip-info-warnings>strong{color:#eed39b}
.strip-info-warnings ul{margin:6px 0 0;padding-left:18px}
.strip-info-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:160px;font-size:12px;color:#aac9e0}
.strip-info-loading .icon{width:23px;height:23px;color:#ffd65e}
.strip-info-problem{display:flex;min-height:185px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px}
.strip-info-problem>.icon{width:33px;height:33px;color:#efc781}
.strip-info-problem h3{font-size:18px;margin:16px 0 8px}
.strip-info-problem p{font-size:12px;line-height:1.8;color:#adc4d9;margin:0 0 12px;max-width:440px}
.strip-info-problem small{font-size:10px;line-height:1.8;color:#849fba}
.strip-telemetry-metrics{padding:0 22px 17px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:10px;color:#87a5c1}
.strip-telemetry-metrics>span{display:flex;align-items:center;gap:6px;line-height:1.6}
.strip-telemetry-metrics .icon{width:14px;height:14px;color:#89c7e8}
.strip-telemetry-metrics b{color:#bcd8ed;font-weight:500;margin-left:4px}
.strip-telemetry-dialog button:focus-visible,.strip-info-section>summary:focus-visible{outline:2px solid #ffd45b;outline-offset:2px}
@media(max-width:700px){
 .strip-telemetry-dialog .modal-header{padding:16px 18px;gap:8px}
 .strip-telemetry-dialog .modal-header h2{font-size:20px}
 .strip-telemetry-dialog .modal-header .eyebrow{font-size:8px;letter-spacing:1px}
 .strip-telemetry-dialog .strip-info-body{padding:18px}
 .strip-telemetry-dialog .modal-footer{padding:13px 16px;flex-wrap:wrap;gap:11px}
 .strip-telemetry-dialog .strip-info-read-status{width:100%;font-size:10px;gap:3px}
 .strip-telemetry-dialog .strip-info-read-status>small{font-size:9px}
 .strip-telemetry-dialog .modal-footer>div:last-child{display:flex;width:100%;gap:9px}
 .strip-telemetry-dialog .modal-footer .button{flex:1;min-height:44px;padding:9px;font-size:10px}
 .strip-info-overview h3{font-size:16px}
 .strip-info-device-icon{width:44px;height:44px}
 .strip-info-overview{gap:11px;margin-bottom:16px}
 .strip-info-facts{gap:12px}
 .strip-info-fact dt{font-size:9px}.strip-info-fact dd{font-size:11px}
 .strip-info-identity{padding:13px 14px}
 .strip-info-readings{gap:7px}.strip-info-readings>article{padding:11px 9px}
 .strip-info-readings>article>span{display:block;font-size:9px;min-height:43px}
 .strip-info-readings .icon{width:14px;height:14px;display:block;margin-bottom:6px}
 .strip-info-readings strong{font-size:22px;letter-spacing:-.6px;margin:8px 0}
 .strip-info-readings small{font-size:8px}
 .strip-info-metering{font-size:10px;padding:12px;gap:8px;margin-bottom:20px}
 .strip-info-temperature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .strip-info-temperature-grid>div{padding:11px 12px}.strip-info-temperature-grid strong{font-size:16px}
 .strip-info-section-heading{align-items:flex-start;gap:8px}.strip-info-section-heading h3{font-size:13px}.strip-info-section-heading>span{font-size:8px;line-height:1.7;text-align:right}
 .strip-info-section>summary{font-size:11px;min-height:48px;padding:12px}
 .strip-info-section-body{padding:13px 12px}
 .strip-info-outlets>article,.strip-info-rows>div{padding:12px}
 .strip-info-outlets header{flex-direction:column;gap:5px}
 .strip-info-outlets header>strong{font-size:11px}
 .strip-telemetry-metrics{font-size:9px;gap:9px;padding:0 15px 14px}.strip-telemetry-metrics .icon{width:12px;height:12px}
}
@media(prefers-reduced-motion:reduce){.strip-info-section>summary>.icon{transition:none}}

.strip-info-native-note{display:flex;gap:9px;align-items:flex-start;padding:12px 14px;border:1px solid #715b35;border-radius:10px;background:#2c2519;color:#e4cf9e;font-size:11px;line-height:1.8;margin:17px 0 10px}.strip-info-native-note>.icon{width:17px;height:17px;flex:none;margin-top:2px;color:#ffda78}
