/* ======================================================================
 * av6 · 54 家用UPS负载核对 —— 页面专属样式（负载率分段横条 / 设备台账 / 续航折线 / AI 卡）
 * 只使用 shell.css 的 --av6-* 变量，暗色自动跟随
 * ====================================================================== */

/* 负载率分段横条 SVG */
.hul #hulPlate { width: 100%; height: auto; max-width: 240px; }
.hul .hul-plate-t {
    font-family: var(--av6-mono);
    font-size: 10px;
    letter-spacing: .12em;
    fill: var(--av6-muted);
}
.hul .hul-plate-s { font-size: 9.5px; fill: var(--av6-muted); }
.hul .hul-tick-lb { font-family: var(--av6-mono); font-size: 9px; fill: var(--av6-muted); }
.hul .hul-zone-ok { fill: var(--av6-okbg); stroke: var(--av6-ok); stroke-width: 1; }
.hul .hul-zone-warn { fill: var(--av6-warnbg); stroke: var(--av6-warn); stroke-width: 1; }
.hul .hul-zone-bad { fill: var(--av6-badbg); stroke: var(--av6-bad); stroke-width: 1; }
.hul .hul-zone-over { fill: var(--av6-badbg); stroke: var(--av6-bad); stroke-width: 1; stroke-dasharray: 3 2; }
.hul .hul-tick { stroke: var(--av6-muted); stroke-width: 1; stroke-dasharray: 2 2; }
.hul .hul-mk-l { stroke: var(--av6-sig); stroke-width: 2.4; transition: transform .4s; }
.hul .hul-mk-p { fill: var(--av6-sig); transition: transform .4s; }

/* 四段横条 */
.hul .hul-dial {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    margin: 2px 0 14px;
}
.hul .hul-seg {
    font-family: var(--av6-mono);
    font-size: 12px;
    text-align: center;
    padding: 8px 4px;
    border: 1px solid var(--av6-line);
    border-radius: 3px;
    color: var(--av6-muted);
    background: var(--av6-paper);
}
.hul .hul-seg.on-ok   { border-color: var(--av6-ok);   background: var(--av6-okbg);   color: var(--av6-ok);   font-weight: 700; }
.hul .hul-seg.on-info { border-color: var(--av6-info); background: var(--av6-infobg); color: var(--av6-info); font-weight: 700; }
.hul .hul-seg.on-warn { border-color: var(--av6-warn); background: var(--av6-warnbg); color: var(--av6-warn); font-weight: 700; }
.hul .hul-seg.on-bad  { border-color: var(--av6-bad);  background: var(--av6-badbg);  color: var(--av6-bad);  font-weight: 700; }

/* 分段大字与副标 */
.hul .hul-word { font-size: 22px; font-weight: 700; margin: 0 0 4px; color: var(--av6-ink); }
.hul .hul-word.lv-ok   { color: var(--av6-ok); }
.hul .hul-word.lv-info { color: var(--av6-info); }
.hul .hul-word.lv-warn { color: var(--av6-warn); }
.hul .hul-word.lv-bad  { color: var(--av6-bad); }
.hul .hul-sub { font-size: 13.5px; color: var(--av6-ink2); margin: 0 0 8px; }

/* 设备台账 */
.hul .hul-led h3, .hul .hul-chart h3, .hul .hul-steps h3 { font-size: 14px; margin: 14px 0 6px; color: var(--av6-pri); }
.hul #hul_led table { margin: 0 0 4px; }

/* 续航折线容器 */
.hul #hul_rt_box svg { width: 100%; height: auto; max-width: 360px; display: block; }
.hul .hul-rt-axis { stroke: var(--av6-line); stroke-width: 1.2; }
.hul .hul-rt-grid { stroke: var(--av6-line2); stroke-width: 1; }
.hul .hul-rt-curve { fill: none; stroke: var(--av6-pri); stroke-width: 2.2; }
.hul .hul-rt-pt { fill: var(--av6-sig); stroke: var(--av6-card); stroke-width: 1.5; }
.hul .hul-rt-exp { stroke: var(--av6-warn); stroke-width: 1.4; stroke-dasharray: 4 3; }
.hul .hul-rt-lb { font-family: var(--av6-mono); font-size: 9px; fill: var(--av6-muted); }

/* 关机顺序建议 */
.hul .hul-steps ol { margin: 0; padding-left: 22px; }
.hul .hul-steps li { margin: 5px 0; font-size: 13.5px; color: var(--av6-ink2); }
.hul .hul-steps li b { color: var(--av6-ink); }

/* AI 卡按钮与盒子间距（盒子皮肤在 shell.css 的 .av6-ai-box） */
.hul #hul_ai_box:empty { display: none; }

/* 批量输出表容器（空时不占位） */
.hul #hul_batch_out:empty { display: none; }
.hul #hul_batch_out table { margin-bottom: 4px; }