/* FOOTER */
#sbfoot{padding:11px 14px;border-top:1px solid var(--b1);background:var(--dark);flex-shrink:0}
.frow{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;gap:8px}
.flbl{font-size:13px;color:#ECE8DE;font-weight:500}
.fval{font-family:var(--font);font-size:18px;color:#FFE082;font-weight:700;letter-spacing:.04em}
.fsub{font-family:var(--font);font-size:13px;color:#FFE082;font-weight:600}
.fver{margin-top:6px;text-align:right;font-family:var(--font);font-size:9px;color:var(--dim);letter-spacing:.08em}

/* POWER PANEL (renamed from LED) */
#ledPanel,#fxLibPanel{flex:1;overflow-y:auto;padding:12px;display:none;scrollbar-gutter:stable} /* V1.15 — expanding a dropdown no longer resizes the panel when the scrollbar appears */
#ledPanel.show,#fxLibPanel.show{display:block}
#ledPanel::-webkit-scrollbar,#fxLibPanel::-webkit-scrollbar{width:3px}
#ledPanel::-webkit-scrollbar-thumb,#fxLibPanel::-webkit-scrollbar-thumb{background:var(--b2);border-radius:2px}
.lsec{background:var(--panel);border:1px solid var(--b1);border-radius:var(--r);padding:14px;margin-bottom:10px}
.lsec h3{font-size:12px;font-weight:600;color:var(--gold);margin-bottom:10px;display:flex;align-items:center;gap:7px}
.lsec h3 .badge{font-family:var(--font);font-size:10px;background:var(--gold-faint);color:var(--gold);padding:2px 7px;border-radius:10px;margin-left:auto}
.fx2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.fxf label{font-size:10px;color:var(--sub);display:block;margin-bottom:3px}
.fxf input,.fxf select{width:100%;padding:5px 7px;background:var(--panel3);border:1px solid var(--b1);border-radius:var(--rs);color:var(--text);font-size:11px;outline:none;font-family:var(--ui)}
.fxf input:focus,.fxf select:focus{border-color:var(--bg)}
/* Reserve room for the native dropdown chevron so option text never gets clipped by it
   (the "Cable Gauge" select rendered as "#14 AWG · 15A · 15A circui…"). Use a custom
   SVG arrow on the right so we control the spacing exactly. */
.fxf select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:26px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%239A9590' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M1 1l4 4 4-4'/></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:10px 6px;text-overflow:ellipsis}
.fxcard{background:var(--panel2);border:1px solid var(--b1);border-radius:var(--rs);padding:9px 11px;margin-bottom:6px;position:relative}
.fxhead{display:flex;align-items:center;gap:6px;margin-bottom:5px}
.fxhead .fxn{font-size:11px;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fxtag{font-family:var(--font);font-size:9px;padding:2px 6px;border-radius:10px;background:var(--b1);color:var(--sub);flex-shrink:0}
.fxbtn{background:none;border:none;color:var(--sub);cursor:pointer;padding:3px;display:flex;align-items:center;border-radius:3px;transition:all .12s;flex-shrink:0}
.fxbtn:hover{background:rgba(255,255,255,.06);color:var(--text)}
.fxbtn.del:hover{color:var(--red)}
.fxbtn.place{color:var(--gold)}
.fxbtn.place:hover{background:var(--gold-faint)}
.prog-bar{height:5px;background:var(--b1);border-radius:3px;margin-top:5px;overflow:hidden}
.prog-fill{height:100%;border-radius:3px;transition:width .3s}

.runCard{background:var(--panel2);border:1px solid var(--b1);border-radius:var(--rs);margin-bottom:7px;overflow:hidden}
.runCardHead{display:flex;align-items:center;gap:6px;padding:9px 11px;cursor:pointer;user-select:none}
.runCardHead:hover{background:rgba(255,255,255,.025)}
.runCardHead .rc-clr{width:9px;height:9px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.25)}
.runCardHead .rc-name{flex:1;font-size:12px;color:var(--text);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.runCardHead .rc-meta{font-family:var(--font);font-size:10px;color:var(--sub);white-space:nowrap}
.runCardHead .rc-amp{font-family:var(--font);font-size:11px;font-weight:600;white-space:nowrap}
.runCardHead .rc-edit{background:none;border:none;color:var(--sub);cursor:pointer;padding:3px;border-radius:3px;display:flex}
.runCardHead .rc-edit:hover{color:var(--gold);background:var(--gold-faint)}
.runCardHead .rc-chev{color:#fff;transition:transform .15s;display:flex}
.runCardHead .rc-chev.open{transform:rotate(90deg)}
/* Generic chev rotation rules — apply everywhere including the power calculator */
.chev{transition:transform .15s;display:inline-flex}
.chev.open{transform:rotate(90deg)}
.chev.col{transform:rotate(0deg)} /* collapsed = pointing right (default svg) */
.runCardBody{display:block;border-top:1px solid var(--b0);padding:10px 12px;background:var(--panel3);overflow:hidden}
.runSegRow{display:flex;align-items:center;gap:7px;padding:6px 0;border-top:1px dashed var(--b0);font-size:11px}
.runSegRow:first-child{border-top:none}
.runSegRow .rsName{flex:1;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;border:none;outline:none;font-size:11px;font-family:var(--ui);cursor:text}
.runSegRow .rsName:focus{background:rgba(255,255,255,.04);border-radius:3px;padding:1px 3px}
.runSegRow .rsLen{font-family:var(--font);font-size:10px;color:var(--sub);white-space:nowrap}
.runSegRow .rsFix{font-family:var(--font);font-size:10px;color:var(--blue);white-space:nowrap}
.runSegRow .rsAmp{font-family:var(--font);font-size:10px;color:var(--gold);white-space:nowrap}
.runSegRow .rsAdd{background:transparent;border:1px solid var(--b1);color:var(--sub);font-size:10px;padding:2px 7px;border-radius:3px;cursor:pointer;flex-shrink:0}
.runSegRow .rsAdd:hover{border-color:var(--bgh);color:var(--gold)}

.add-btn{width:100%;padding:7px;background:transparent;border:1px dashed var(--b2);border-radius:var(--rs);color:var(--sub);font-size:11px;cursor:pointer;transition:all .12s;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:6px}
.add-btn:hover{border-color:var(--bgh);color:var(--text);background:var(--gold-faint)}
.alert{padding:8px 10px;border-radius:var(--rs);font-size:11px;margin-top:8px}
.alert.warn{background:rgba(217,83,63,.1);border:1px solid rgba(217,83,63,.3);color:#f09080}
.alert.ok{background:rgba(78,168,74,.1);border:1px solid rgba(78,168,74,.3);color:#90d088}
.alert.caution{background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.3);color:#e8c97a}
.amp-val.ok{color:var(--green)}
.amp-val.caution{color:var(--gold)}
.amp-val.warn{color:var(--red)}