.cf-quote{--cq-border:#dce3e8;--cq-accent:#147b85;display:grid;gap:16px;font:inherit}.cf-quote *{box-sizing:border-box}.cf-quote-search label,.cf-quote-filters label{display:grid;gap:6px;font-weight:600;font-size:14px}.cf-quote :is(input[type=search],input[type=number],select){min-height:42px;border:1px solid var(--cq-border);border-radius:8px;padding:8px 11px;background:#fff;color:#273344;width:100%}.cf-quote-filters{display:flex;flex-wrap:wrap;gap:12px}.cf-quote-filters label{flex:1 1 170px}.cf-quote-status{font-size:13px;color:#566775}.cf-quote-results{display:grid;gap:10px}.cf-quote-result{display:flex;align-items:center;gap:15px;border:1px solid var(--cq-border);border-radius:12px;padding:12px}.cf-quote-result img{width:70px;height:70px;object-fit:contain;flex-shrink:0}.cf-quote-product{flex:1;min-width:0;display:grid;gap:4px}.cf-quote-product small,.cf-quote-line small{display:block;color:#667680}.cf-quote-variation-label{font-size:12px;display:grid;gap:5px;max-width:280px}.cf-quote-quantity{font-size:12px;max-width:80px}.cf-quote .cf-quote-add,.cf-quote-pages button{border:0;border-radius:8px;padding:11px 15px;background:var(--cq-accent);color:#fff;cursor:pointer}.cf-quote-basket{border:1px solid var(--cq-border);border-radius:12px;padding:16px;background:#f9fbfc}.cf-quote-basket h4{margin:0 0 10px}.cf-quote-line{display:flex;align-items:center;gap:10px;border-top:1px solid var(--cq-border);padding:10px 0}.cf-quote-line>span{flex:1}.cf-quote-line label{max-width:80px;font-size:12px}.cf-quote-remove{background:transparent!important;color:#a22!important;border:0!important;font-size:24px;cursor:pointer}.cf-quote-pages{display:flex;align-items:center;justify-content:center;gap:12px}.cf-quote-pages button:disabled{opacity:.4}.cf-quote :is(input,select,button):focus-visible{outline:3px solid var(--cq-accent);outline-offset:2px}@media(max-width:650px){.cf-quote-result{flex-wrap:wrap}.cf-quote-result img{width:54px;height:54px}.cf-quote-product{flex-basis:calc(100% - 75px)}.cf-quote-add{flex:1}}

/* Estimated monthly volume needs room for a descriptive label. */
.cf-quote-quantity{max-width:165px;min-width:145px;line-height:1.4}.cf-quote-line label{max-width:175px;min-width:145px;line-height:1.4}.cf-quote-quantity input,.cf-quote-line label input{margin-top:5px}.cf-quote-basket .cf-quote-line{flex-wrap:wrap}