.device-card { border:1px solid #e0e0e0; border-radius:4px; padding:16px; }
.device-card h3 { margin-top:0; border-bottom:2px solid var(--nav-base,#3592fd); padding-bottom:6px; }
.device-card .info-row { display:flex; justify-content:space-between; padding:3px 0; font-size:0.85rem; }
.device-card .info-label { color:#888; }
.device-card .info-value { font-weight:500; }
.gd-value { color:#888; }
.device-tab { padding:6px 16px; border:2px solid #ddd; border-radius:20px; cursor:pointer; font-size:0.85rem; font-weight:500; }
.device-tab.active { background:#404040; color:#fff; border-color:#404040; }
.legend-device { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:8px; }
.legend-device input[type="checkbox"] { width:16px; height:16px; cursor:pointer; }
.legend-device-name { font-weight:600; font-size:0.9rem; min-width:140px; }
.legend-lines { display:flex; gap:12px; align-items:center; }
.legend-line-item { display:flex; align-items:center; gap:5px; font-size:0.8rem; }
.legend-line-sample { width:30px; height:0; border-top:3px solid; display:inline-block; }
.legend-line-sample.dashed { border-top-style:dashed; }