/* allnew (t645u, Nov 2026, PREVIEW): lxpages (lumenxindia-style) look carried onto the capone capacitor picker / MFD scroller / MCB-RCCB picker.
   Presentation only, scoped to html.lx #view .hvpf .nf (product lists); uses the lxpages tokens, so YQ (html.yqneu) stays slate / neutral. */
html.lx #view .hvpf .nf:has(.cp){background:var(--lxcard)!important;border:1px solid var(--lxln)!important;border-radius:12px!important;box-shadow:none!important}
html.lx #view .hvpf .nf .cpbc{background:var(--lxcard)!important;border:1px solid var(--lxln)!important;border-radius:10px!important}
html.lx #view .hvpf .nf .cpbs{background:var(--lxcard)!important;border:1px solid var(--lxln)!important;border-radius:8px!important;color:var(--lxink)!important}
html.lx #view .hvpf .nf .cpbs.on{border-color:var(--lpr)!important;color:var(--lpr)!important}
html.lx #view .hvpf .nf .cpbs[aria-current]{background:var(--lpr)!important;border-color:var(--lpr)!important;color:#fff!important}
html.lx #view .hvpf .nf .cpl{position:relative;padding-left:12px;color:var(--lxink)!important;font-weight:800!important}
html.lx #view .hvpf .nf .cpl::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;border-radius:2px;background:var(--lpr)}
html.lx #view .hvpf .nf .cpl small{color:var(--lxmut)!important}
html.lx #view .hvpf .nf .cpu,html.lx #view .hvpf .nf .cpm,html.lx #view .hvpf .nf .cph{background:var(--lxcard)!important;border:1px solid var(--lxln)!important;color:var(--lxink)!important;box-shadow:none!important}
html.lx #view .hvpf .nf .cpu,html.lx #view .hvpf .nf .cpm{border-radius:10px!important}
html.lx #view .hvpf .nf .cph,html.lx #view .hvpf .nf .cpug.sm .cpu{border-radius:8px!important}
html.lx #view .hvpf .nf .cpu .cpic,html.lx #view .hvpf .nf .cph .cpic{color:var(--lpr)!important}
html.lx #view .hvpf .nf .cpu em,html.lx #view .hvpf .nf .cph em{background:var(--lxwell)!important;color:var(--lxmut)!important}
html.lx #view .hvpf .nf .cpm small{color:var(--lxmut)!important}
html.lx #view .hvpf .nf .cpu:hover,html.lx #view .hvpf .nf .cpm:hover,html.lx #view .hvpf .nf .cph:hover:not(:disabled){border-color:#d3d6dc!important;box-shadow:var(--lxsh2)!important}
html.lx #view .hvpf .nf .cpu.on,html.lx #view .hvpf .nf .cpm.on,html.lx #view .hvpf .nf .cph.on{background:var(--lpr)!important;border-color:var(--lpr)!important;color:#fff!important}
html.lx #view .hvpf .nf .cpu.on .cpic,html.lx #view .hvpf .nf .cph.on .cpic,html.lx #view .hvpf .nf .cpm.on small,html.lx #view .hvpf .nf .cpu.on i{color:#fff!important}
html.lx #view .hvpf .nf .cpu.on em,html.lx #view .hvpf .nf .cph.on em{background:rgba(255,255,255,.22)!important;color:#fff!important}
html.lx #view .hvpf .nf .cpp{background:var(--lxcard)!important;border:1px solid var(--lxln)!important;border-radius:10px!important;box-shadow:inset 0 3px 0 var(--lpr)!important;padding-top:13px!important}
html.lx #view .hvpf .nf .cpr{border-top-color:var(--lxln)!important}
html.lx #view .hvpf .nf .cpim{background:var(--lxwell)!important;border:0!important;border-radius:8px!important}
html.lx #view .hvpf .nf .cpri b{color:var(--lxink)!important;font-weight:700!important}
html.lx #view .hvpf .nf .cpst{border:1px solid var(--lxln)!important;border-radius:8px!important;background:var(--lxcard)!important}
html.lx #view .hvpf .nf .cpst button{background:var(--lxwell)!important;color:var(--lxink)!important}
html.lx #view .hvpf .nf .cpadd{background:var(--lpr)!important;border-color:var(--lpr)!important;color:#fff!important;border-radius:8px!important;box-shadow:none!important;font-weight:700!important}
html.lx #view .hvpf .nf .cpadd:hover{background:var(--lpr2)!important}
html.lx #view .hvpf .nf .cpai{background:var(--lxcard)!important;border-radius:8px!important}
html.lx #view .hvpf .nf .cpmore{background:var(--lxcard)!important;border:1px solid var(--lxln)!important;border-radius:8px!important;color:var(--lpr)!important;font-weight:700!important}
html.lx #view .hvpf .nf .cpwa a{background:var(--lxwell)!important;border:1px solid var(--lxln)!important;border-radius:10px!important;color:var(--lxink)!important}
html.lx #view .hvpf .nf .cprw.cpfl{box-shadow:0 0 0 3px var(--lpr)!important}
html.lx #view .hvpf .nf .cpu:focus-visible,html.lx #view .hvpf .nf .cpm:focus-visible,html.lx #view .hvpf .nf .cph:focus-visible,html.lx #view .hvpf .nf .cpbs:focus-visible{outline-color:var(--lpr)!important}