/* <pg-lbm> specifics; shared inputs and card styles come from /assets/tools/ffmi-calculator/composition.css. */
.ct-ui .lb-rows{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.ct-ui .lb-row{margin:0;padding:12px 14px;border-radius:16px;background:var(--ct-fill);transition:opacity .3s}
.lb-row.l0{--c:var(--l0)}.lb-row.l1{--c:var(--l1)}.lb-row.l2{--c:var(--l2)}.lb-row.l3{--c:var(--l3)}
.lb-row.you{box-shadow:inset 0 0 0 2px var(--c)}
.lb-row.dim{opacity:.55}
.lb-top{display:flex;align-items:baseline;gap:10px}
.lb-name{display:flex;align-items:center;gap:8px;white-space:nowrap;font-weight:650;font-size:15.5px;min-width:0}
.lb-name i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--c)}
.lb-name small{font-size:12.5px;font-weight:550;color:var(--ct-muted)}
.lb-top b{margin-left:auto;font-size:18px;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}
.lb-pct{width:3.2em;text-align:right;font-size:13px;color:var(--ct-muted);font-variant-numeric:tabular-nums}
.lb-bar{position:relative;height:8px;margin-top:8px;border-radius:999px;background:repeating-linear-gradient(135deg,transparent 0 4px,var(--ct-line) 4px 6px),var(--ct-card);overflow:hidden}
.lb-bar span{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--c);transition:width .5s var(--ct-ease)}
.lb-note{font-size:13px;color:var(--ct-muted);margin-top:6px!important;line-height:1.4}
.ct-warn{margin-top:12px!important;font-size:14px;line-height:1.45;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--l1) 14%,transparent)}
.lb-chart{margin:20px 0 0;min-width:0}
.lb-chart svg{display:block;width:100%;height:auto;overflow:visible;font-size:11.5px;font-variant-numeric:tabular-nums}
.lb-chart text{fill:var(--ct-muted)}
.lb-chart .ax{font-weight:600}
.lb-chart .g{stroke:var(--ct-line)}
.lb-chart .you{stroke:var(--ct-ink);stroke-dasharray:3 4;opacity:.6}
.lb-chart .ln{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.lb-chart .ln.bf{stroke-dasharray:6 5}
.lb-chart .dim{opacity:.45}
.lb-chart .l0{stroke:var(--l0)}.lb-chart .l1{stroke:var(--l1)}.lb-chart .l2{stroke:var(--l2)}.lb-chart .l3{stroke:var(--l3)}
.lb-chart .dot{fill:var(--ct-card);stroke-width:2.5}
.lb-chart figcaption{font-size:12.5px;color:var(--ct-muted);margin-top:6px;line-height:1.4}
