.iot-header{display:flex;align-items:center;gap:14px;padding:16px 0 20px}.iot-header h2{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--text-hi);letter-spacing:1px}.iot-header p{font-family:var(--mono);font-size:9px;color:var(--text-dim);letter-spacing:2px;margin-top:3px}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--green);flex-shrink:0;box-shadow:0 0 8px var(--green);animation:livepulse 1.8s ease-in-out infinite}@keyframes livepulse{0%,100%{opacity:1}50%{opacity:.3}}.tab-bar{display:flex;gap:6px;margin-bottom:12px}.tab-btn{font-family:var(--mono);font-size:10px;letter-spacing:1px;padding:7px 14px;border-radius:var(--r);border:1px solid var(--border);background:var(--surface);color:var(--text-dim);transition:color .2s,border-color .2s,background .2s}.tab-btn.active{color:var(--green);border-color:rgba(0,229,170,.3);background:rgba(0,229,170,6%)}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:16px}.ctrl-label{font-family:var(--mono);font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.ctrl-btn{font-family:var(--mono);font-size:9px;letter-spacing:1px;padding:5px 10px;border-radius:5px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);transition:color .2s,border-color .2s}.ctrl-btn.active{color:var(--blue);border-color:rgba(0,180,216,.3)}.ctrl-sep{color:var(--border)}.status-bar{font-family:var(--mono);font-size:9px;color:var(--text-dim);margin-left:auto}.panel{display:none}.panel.active{display:block}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-bottom:16px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px;border-top:2px solid var(--kpi-c,var(--green))}.kpi-label{font-family:var(--mono);font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.kpi-val{font-family:var(--mono);font-size:22px;font-weight:600;color:var(--kpi-c,var(--green));margin:4px 0 2px;line-height:1}.kpi-val span{font-size:12px;color:var(--text-dim)}.kpi-sub{font-family:var(--mono);font-size:9px;color:var(--text-dim)}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px;margin-bottom:12px}.chart-title{font-family:var(--mono);font-size:10px;color:var(--tc,var(--text-dim));letter-spacing:1px;margin-bottom:10px}.zoom-hint{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;margin-bottom:12px}.zoom-hint-title{font-family:var(--mono);font-size:10px;color:var(--text-dim);margin-bottom:4px}.zoom-hint-body{font-size:11px;color:var(--text-dim);line-height:1.6}.ph-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}@media(max-width:640px){.kpi-row{grid-template-columns:1fr 1fr}.ph-grid{grid-template-columns:1fr}}