/* v2-intake-plus — Add product polish (A rail / B inline) + custom category field */
#scrProduct .qm .qmsg{display:none}
.duoHd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:16px 2px 0}
.duoHd span{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--ts)}
.duoHd em{font-style:normal;font-size:11px;font-weight:600;color:var(--gold)}.duoHd em.ok{color:var(--q3)}
.duoHd+.duo{margin-top:8px}
.ihead{position:relative}
.reqTag{flex-shrink:0;align-self:center;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--gold);padding:3px 7px;border-radius:8px;border:1px solid rgba(229,168,46,.45);background:rgba(229,168,46,.08)}
.reqTag.ok{color:var(--q3);border-color:color-mix(in srgb,var(--q3) 45%,transparent);background:color-mix(in srgb,var(--q3) 10%,transparent)}
.reqTag.ok::before{content:"\2713  "}
.islot.front.needReq{box-shadow:0 0 0 1px rgba(229,168,46,.55)}
.ipNeed{font-size:11.5px;color:var(--ts);line-height:1.4;text-wrap:pretty}.ipNeed b{color:var(--tp);font-weight:600}.ipNeed:empty{display:none}
#scrProduct .ifootR .cta:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.6)}
/* checklist */
.ipHd{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--tp)}
.ipHd b{font-weight:700}.ipHd i{font-style:normal;color:var(--ts)}.ipHd span{font-size:12.5px;color:var(--ts)}
.ipHd .t0{color:var(--q0)}.ipHd .t1{color:var(--q1)}.ipHd .t2{color:var(--q2)}.ipHd .t3{color:var(--q3)}
.ipSteps{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.ipStep{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;border:1px solid var(--tilebd);background:var(--tile);color:var(--tp);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.ipStep:hover{border-color:var(--gold)}
.ipStep .g{flex-shrink:0;min-width:34px;text-align:center;font-size:11.5px;font-weight:700;color:var(--q3);padding:3px 0;border-radius:8px;background:color-mix(in srgb,var(--q3) 12%,transparent);font-variant-numeric:tabular-nums}
.ipStep .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ipStep .tx b{font-size:12.5px;font-weight:600}.ipStep .tx small{font-size:11px;color:var(--ts)}
.ipStep .ar{color:var(--ts);font-size:16px}
.ipStep.next{border-color:var(--gold);background:rgba(229,168,46,.08);animation:ipGlow 2.4s ease-in-out infinite}
.ipStep.next .ar{color:var(--gold)}
.ipStep.req .g{color:var(--gold);background:rgba(229,168,46,.14)}
@keyframes ipGlow{0%,100%{box-shadow:0 0 0 0 rgba(229,168,46,0)}50%{box-shadow:0 0 0 3px rgba(229,168,46,.16),0 0 14px rgba(229,168,46,.2)}}
.ipFoot{margin-top:8px;font-size:11px;color:var(--ts)}
/* ── A: checklist rail ── */
#scrProduct[data-iv="a"] .prodCol{max-width:1060px}
.card.ipA{display:grid;grid-template-columns:minmax(0,1fr) 290px;column-gap:22px;align-items:start}
.card.ipA>*{grid-column:1}.card.ipA>.ipRail{grid-column:2;grid-row:1 / span 6}
.card.ipA>.ifoot{display:none}
.ipRail{position:sticky;top:90px;display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:8px;border:1px solid var(--tilebd);background:color-mix(in srgb,var(--tile) 70%,transparent)}
.ipRail .qm{margin:0}
.ipL{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--ts);margin-bottom:6px}
.ipReq{display:flex;flex-direction:column;gap:5px;padding-bottom:12px;border-bottom:1px solid var(--tilebd)}
.ipR{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--tp)}
.ipR i{flex-shrink:0;width:18px;height:18px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;border:1.5px solid rgba(229,168,46,.6);color:#242424}
.ipR.ok{color:var(--ts)}.ipR.ok i{background:var(--q3);border-color:var(--q3);color:#fff}
.ipRail .ifootR{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0}.ipRail .ifootR .cta{width:100%;margin:0}
.ipRail .saveline{justify-content:center}
@media (max-width:980px){.card.ipA{grid-template-columns:1fr}.card.ipA>.ipRail{grid-column:1;grid-row:auto;position:static;margin-top:16px}}
/* ── B: inline steps ── */
.ipB{margin-top:16px;padding:14px 16px;border-radius:8px;border:1px solid var(--tilebd);background:color-mix(in srgb,var(--tile) 60%,transparent)}
.ipB .ipSteps{flex-direction:row;flex-wrap:wrap}
.ipB .ipStep{flex:1 1 200px;width:auto}
#scrProduct[data-iv="b"] .ifootR{display:flex;align-items:center;gap:14px}#scrProduct[data-iv="b"] .ipNeed{margin-right:auto;text-align:right}
/* Describe window additions */
.dfRow[hidden]{display:none}
.dfMore{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 2px 130px}.dfMore:empty{display:none}
.dfAdd{font:inherit;font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:8px;border:1px dashed var(--tilebd);background:none;color:var(--ts);cursor:pointer}.dfAdd:hover{border-color:var(--gold);color:var(--tp)}
.dfMeas{margin-top:14px;padding-top:12px;border-top:1px solid var(--tilebd)}
.dfMh{display:flex;align-items:center;gap:10px;margin-bottom:10px}.dfMh>span:first-child{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--ts)}.dfMh small{font-size:11.5px;color:var(--ts)}.dfMh .unitTg{margin-left:auto}
.dfMg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dfM{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:600;color:var(--ts)}
.dfM .fld{display:flex;align-items:center;height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--tilebd);background:var(--tile)}
.dfM .fld:focus-within{border-color:var(--gold)}
.dfM input{flex:1;min-width:0;width:100%;border:none;background:none;outline:none;font:inherit;font-size:13px;font-weight:600;color:var(--tp)}
.dfM em{font-style:normal;font-size:10.5px;color:var(--ts)}
@media (max-width:560px){.dfMg{grid-template-columns:repeat(2,minmax(0,1fr))}.dfMore{margin-left:0}}
/* category wheel: typed product type — one row above the wheel */
.ccx{position:relative;width:min(440px,90vw);margin:14px auto 0;pointer-events:auto}
.ccxIn,.ccxRes{display:flex;align-items:center;gap:8px;height:42px;padding:0 5px 0 13px;border-radius:8px;border:1px solid var(--glassbd);background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--ts)}
.ccxIn[hidden],.ccxRes[hidden],.ccxPop[hidden]{display:none}
.ccxIn:focus-within{border-color:var(--gold)}
.ccxIn input{flex:1;min-width:0;border:none;background:none;outline:none;font:inherit;font-size:13.5px;color:var(--tp)}
.ccxIn button{height:32px;padding:0 14px;border-radius:8px;border:none;background:var(--gold);color:#242424;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.ccxRes{border-color:rgba(229,168,46,.55)}
.ccxRes .t{flex:1;min-width:0;display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ts);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccxRes .t b{color:var(--tp);overflow:hidden;text-overflow:ellipsis}.ccxRes .t i{font-style:normal;color:var(--gold)}
.ccxCh{font:inherit;font-size:12px;font-weight:600;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--glassbd);background:none;color:var(--tp);cursor:pointer}.ccxCh:hover{border-color:var(--gold)}
.ccxRes .cta{width:auto;margin:0;height:32px;padding:0 14px;font-size:12.5px}
.ccxPop{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:8px;background:var(--surface-main);border:1px solid var(--gold);box-shadow:0 16px 40px rgba(0,0,0,.3);font-size:12.5px;color:var(--ts);text-align:left}
.ccxPop b{color:var(--tp)}.ccxPop>div{display:flex;flex-wrap:wrap;gap:5px}
.ccxC{font:inherit;font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:8px;border:1px solid var(--tilebd);background:var(--tile);color:var(--tp);cursor:pointer}.ccxC:hover{border-color:var(--gold)}
@media (prefers-reduced-motion:reduce){.ipStep.next{animation:none}}
#catTypeGo{width:42px;min-width:42px;padding:0!important;display:grid;place-items:center}
