/* ===== 设备巡检值趋势图（手写 SVG，无外部依赖） ===== */
.chartbox{padding:8px 2px 4px}
.chartbox .chartwrap{width:100%;overflow-x:auto}
.chartbox svg{display:block;width:100%;height:auto;min-width:640px}
.chartbox .empty{padding:60px 0;text-align:center;color:#8190a4;font-size:13px}
.chartbox .chartbar{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:0 0 12px;font-size:12px;color:#5c6d82}
.chartbox .chartbar i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.chartbox .chartbar i.line{width:16px;height:3px;border-radius:2px}
.chartbox .chartbar i.band{width:16px;height:10px;border-radius:2px}
.chartbox .statrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:16px 0 4px}
.chartbox .statrow article{border:1px solid #e3ebf3;border-radius:8px;padding:12px 14px;background:#f9fbfd}
.chartbox .statrow span{display:block;font-size:11px;color:#7d8da1;margin-bottom:6px}
.chartbox .statrow strong{font-size:18px;color:#1d344d}
.chartbox .statrow strong.bad{color:#d9303e}
.chartbox .tip{font-size:12px;color:#8290a2;margin-top:10px;line-height:1.7}
.chartbox .dpoint{cursor:pointer;transition:r .12s ease}
.chartbox .dpoint:hover{r:7}
.choicegrid{display:grid;gap:10px;margin-top:6px}
.choicegrid .bar{display:flex;align-items:center;gap:10px;font-size:13px;color:#33455c}
.choicegrid .track{flex:1;height:20px;border-radius:4px;background:#eef3f8;overflow:hidden}
.choicegrid .fill{height:100%;border-radius:4px;background:#36d4c4}
.choicegrid .fill.bad{background:#e8607a}
.choicegrid .num{width:96px;text-align:right;color:#6a7b90;font-size:12px}

/* ===== 每台设备多项目趋势图卡片 ===== */
.trendcard{margin-bottom:16px}
.trendcard .panelhead h3{font-size:16px}
.trendcard .panelhead small{display:block;margin-top:6px;font-size:12px;color:#7d8da1;font-weight:400;line-height:1.6}
.trendcard .panelhead .count{font-size:12px;color:#5c6d82;white-space:nowrap}
.trendcard .panelhead .count b{color:#1d344d}
.trendcard .panelhead .count b.bad{color:#d9303e}
.jumpnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.jumpnav:empty{display:none}
.jumpnav button{border:1px solid #cfdced;background:#f7fbfe;color:#2b4a6b;border-radius:14px;padding:5px 12px;font-size:12px;cursor:pointer;transition:.15s}
.jumpnav button:hover{background:#eaf4ff;border-color:#9dc4ea}
.jumpnav button.bad{border-color:#f0b7bc;background:#fff4f4;color:#c9303e}
.jumpnav button em{font-style:normal;color:#8a9aad;margin-left:3px}
.jumpnav button.bad em{color:#d9303e}
.trendempty{padding:64px 0;text-align:center;color:#8190a4;font-size:13px}

/* ===== 巡检明细表：单条数据操作按钮 ===== */
.opcell{white-space:nowrap}
.opcell button{margin-right:6px}
.opcell button:last-child{margin-right:0}
.delRecord{padding:4px 8px;border:1px solid #f0b7bc;background:#fff0f0;color:#d9303e;border-radius:4px;font-size:12px;cursor:pointer}
.delRecord:hover{background:#ffe1e1}