/* Quote builder on the brokerage sheet, and the brokerage chip on Roadmap cards. */
.qt-box{padding:14px;display:flex;flex-direction:column;gap:16px}
.qt-prods{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;min-width:0}
.qt-prods legend{font-size:13px;font-weight:600;color:var(--ink-2);padding:0 0 8px 6px}
.qt-check{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:10px;align-items:center;min-height:44px;padding:8px 12px;border-radius:14px;background:var(--track);box-shadow:inset 0 0 0 1px var(--hair);cursor:pointer}
.qt-check input{width:20px;height:20px;margin:0;accent-color:var(--orange);grid-row:span 2}
.qt-check:focus-within{box-shadow:0 0 0 2px var(--orange)}
.qt-pname{font-weight:600;min-width:0;overflow-wrap:anywhere}
.qt-check small{color:var(--ink-2);font-size:12px;grid-column:2}
.qt-none{margin:0;color:var(--ink-2)}
.qt-nums{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qt-box .field{min-width:0;gap:5px}
.qt-box .field input{height:44px;font-size:16px;border-radius:13px;padding:0 12px}
.qt-lines{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.qt-lines .foot-note{margin:0}
.qt-line{display:grid;grid-template-columns:minmax(0,1fr) 140px 44px;gap:10px;align-items:end;width:100%}
.qt-ldel{width:44px;height:44px}
.qt-add{min-height:44px}
.qt-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qt-tot{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:16px;background:var(--track);box-shadow:inset 0 0 0 1px var(--hair);min-width:0}
.qt-k{font-size:12px;font-weight:600;color:var(--ink-2)}
.qt-tot b{font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.qt-sub{font-size:12px;color:var(--ink-2);overflow-wrap:anywhere}
.qt-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.qt-status{font-size:13px;color:var(--ink-2)}
.qt-btns{display:flex;gap:8px;flex-wrap:wrap}
.qt-btns .btn{min-height:44px}
.qt-rm-chip{gap:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.qt-rm-chip:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

@media (max-width:600px){
  .qt-prods,.qt-nums,.qt-totals{grid-template-columns:1fr}
  .qt-line{grid-template-columns:minmax(0,1fr) 44px}
  .qt-line .qt-ltitle{grid-column:1 / -1}
  .qt-btns{width:100%}
  .qt-btns .btn{flex:1;justify-content:center}
}