/* t660u (Krishna 4 Nov 2026, PREVIEW allnew): compact result card in the MFD / MCB order form (#cpP .cpr). CSS only – markup, tab swap, qty, Add, prices unchanged. */
html #view .nf .cpp{padding-top:8px!important}
html #view .nf .cpp .cpl{margin:0 0 2px!important;font-size:13px!important;line-height:1.25!important;padding-top:0!important;padding-bottom:0!important}
html #view .nf .cpp .cpr{grid-template-columns:56px minmax(0,1fr) auto!important;grid-template-rows:auto!important;gap:0 8px!important;align-items:center!important;padding:8px 0!important}
html #view .nf .cpp .cpim{grid-row:1!important;width:56px!important;height:56px!important;border-radius:8px!important;align-self:start!important}
html #view .nf .cpp .cpri{display:flex!important;flex-flow:row wrap!important;align-items:center!important;gap:1px 6px!important;min-width:0!important}
html #view .nf .cpp .cpri>b{order:1;flex:1 1 100%;font-size:13.5px!important;line-height:1.2!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html #view .nf .cpp .cpri>small{order:2;font-size:11px!important;line-height:1.3}
html #view .nf .cpp .cpri>.st{order:3;margin:0!important}
html #view .nf .cpp .cpri>.st .pill{font-size:10.5px!important;padding:0 6px!important;line-height:16px!important;min-height:0!important;border-radius:8px!important}
html #view .nf .cpp .cpri>.pr{order:4}
html #view .nf .cpp .cpri .rate{gap:2px!important;font-size:11px!important;line-height:1.3}
html #view .nf .cpp .cpri .rate .v{font-size:14px!important}
html #view .nf .cpp .cpri .gl:empty{display:none}
html #view .nf .cpp .cptb{order:5;flex:1 1 100%;flex-wrap:nowrap!important;overflow-x:auto;gap:4px!important;margin-top:3px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
html #view .nf .cpp .cptb::-webkit-scrollbar{display:none}
html #view .nf .cpp .cpt{flex:none;flex-direction:row!important;align-items:baseline!important;gap:3px;min-width:0!important;padding:1px 7px!important;border-radius:999px!important;border-width:1px!important;white-space:nowrap;min-height:0!important}
html #view .nf .cpp .cpt b{font-size:10.5px!important}
html #view .nf .cpp .cpt b::after{content:" ·";font-weight:400}
html #view .nf .cpp .cpt small{font-size:10.5px!important}
html #view .nf .cpp .cpq{grid-column:3!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:4px!important;width:92px;flex-wrap:nowrap!important}
html #view .nf .cpp .cpst{display:flex!important;height:28px!important;min-height:0!important;width:100%!important}
html #view .nf .cpp .cpst button{width:26px!important;min-width:0!important;height:28px!important;min-height:0!important;padding:0!important;font-size:15px!important}
html #view .nf .cpp .cpst input{flex:1;width:0!important;min-width:0!important;height:28px!important;min-height:0!important;padding:0!important;font-size:13px!important}
html #view .nf .cpp .cpq .btn,html #view .nf .cpp .cpq .cpadd{height:30px!important;min-height:0!important;padding:0 8px!important;font-size:13px!important;width:100%!important;gap:4px}
html #view .nf .cpp .cpq .btn .ico{width:15px;height:15px}
html #view .nf .cpp .cpok{font-size:10.5px!important;text-align:center;line-height:1.2}
html #view .nf .cpp .cpq .stepper,html #view .nf .cpp .cpq .qty{transform:none;height:28px!important;min-height:0!important}
@media (min-width:700px){html #view .nf .cpp .cpr{grid-template-columns:64px minmax(0,1fr) auto!important;padding:8px 4px!important}
 html #view .nf .cpp .cpim{width:64px!important;height:64px!important}
 html #view .nf .cpp .cpq{flex-direction:row!important;align-items:center!important;width:auto}
 html #view .nf .cpp .cpst{width:104px!important}
 html #view .nf .cpp .cpq .btn,html #view .nf .cpp .cpq .cpadd{width:auto!important;padding:0 14px!important}}
/* logged-in rate (Aapka rate ₹x / pcs · LP ₹y · −n%): keep to 2 lines */
html #view .nf .cpp .cpri>.pr{display:flex!important;flex-wrap:wrap;align-items:baseline;column-gap:4px;flex:1 1 100%}
html #view .nf .cpp .cpri .rate{flex-wrap:wrap!important;white-space:nowrap}
html #view .nf .cpp .cpri .rate .lp,html #view .nf .cpp .cpri .gl{font-size:10.5px!important;line-height:1.3!important;margin:0!important}