.quoteLayout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(420px,1.35fr);gap:18px;align-items:start}
.quoteResults,.quoteLines{display:grid;gap:10px;margin-top:18px}
.quoteResult,.quoteLine{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px;border:1px solid #e8e4ec;border-radius:12px}
.quoteResult span,.quoteName span{display:block;color:#716c80;font-size:14px;margin-top:5px}
.quoteLine{grid-template-columns:minmax(180px,1fr) auto auto auto}
.qty{display:flex;align-items:center;gap:9px}
.qty button,.iconButton{padding:7px 10px;min-width:36px}
.iconButton{background:#f5eef5;color:#7c3e6f}
.quoteTotal{display:flex;justify-content:space-between;align-items:center;border-top:2px solid #e8e3ee;margin-top:20px;padding-top:18px;font-size:19px}
.quoteTotal strong{font-size:26px;color:#4f2785}
.quoteSummary{display:grid;gap:8px;margin-top:20px;padding:14px;border-radius:12px;background:#faf9fc}
.quoteSummary div{display:flex;justify-content:space-between;gap:20px}
.emptyState{padding:20px;border:1px dashed #d6cfde;border-radius:12px;color:#716c80;text-align:center;background:#faf9fc}
@media(max-width:1050px){.quoteLayout{grid-template-columns:1fr}}
@media(max-width:760px){.quoteLine{grid-template-columns:1fr auto}.quoteLine>strong{grid-column:1}.quoteLine .iconButton{grid-column:2;grid-row:2}}