.choice-field{border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;gap:22px;align-items:center;background:#f8faf7}.choice-field legend{font-weight:800;padding:0 7px}.choice-field label{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0}.choice-field input{width:18px;height:18px;accent-color:var(--green)}
.quote-stats{grid-template-columns:repeat(4,1fr);max-width:none}.quote-list{display:grid;gap:12px}.quote-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.quote-card h3{margin:4px 0}.quote-card p,.quote-card small{margin:0;color:var(--muted)}.quote-card-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:13px}.quote-card-actions{display:flex;align-items:center;gap:9px}.quote-status{display:inline-flex;border-radius:999px;padding:5px 9px;background:#eef3ec;color:#315f27;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.quote-status.approved{background:#e4f7dc}.quote-status.sent{background:#fff3d7;color:#7b5815}.quote-status.rejected{background:#ffe5df;color:#9d3c27}
.quote-item-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-item-block{min-width:0;margin:0;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.quote-item-block legend{padding:0 7px;font-size:12px;font-weight:900;color:var(--green)}.quote-item-block label{min-width:0;margin:0}.quote-item-block input,.quote-item-block select{width:100%;min-width:0;height:44px}.quote-item-data .item-description{grid-column:auto}.quote-item-measures{grid-template-columns:repeat(4,minmax(0,1fr))}.quote-item-costs{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.quote-item-pricing{grid-column:1/-1;grid-template-columns:1fr 2fr 1fr auto;align-items:end}.manual-price-toggle{flex-direction:row!important;align-items:center;min-height:44px}.manual-price-toggle input{width:18px;height:18px}.quote-readout{background:#eef4f0;border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;justify-content:center}.quote-readout span{font-size:10px;color:var(--muted);text-transform:uppercase}.quote-item-preview{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px 12px}.quote-item-preview span,.quote-item-preview b{min-width:0}.quote-item-preview b{font-size:15px}.quote-item-preview .manual,.quote-item-row .manual{color:#287c19}.quote-item-form>#add-quote-item{grid-column:1/-1;justify-self:end}.quote-commercial-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-commercial-fields label:last-child{grid-column:1/-1}.quote-commercial-fields textarea{min-height:150px;width:100%;resize:vertical}.quote-footer-grid{align-items:start}.quote-totals{position:sticky;top:0}.quote-modal *{min-width:0}
.quote-modal{width:min(1120px,96vw);max-height:94vh}.quote-modal form{max-height:90vh;overflow:auto}.quote-header-grid{margin-bottom:20px}.quote-builder{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:18px 0}.quote-builder-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.quote-builder h3{margin:2px 0}.quote-item-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:#f5f8f3;border:1px solid var(--line);border-radius:16px;padding:16px}.quote-item-form .item-description{grid-column:span 2}.quote-item-form label{gap:6px}.quote-item-preview{grid-column:span 3;display:grid;grid-template-columns:repeat(3,auto 1fr);gap:5px 10px;align-items:center;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid var(--line)}.quote-item-preview span{font-size:11px;color:var(--muted)}.quote-item-preview b{font-size:13px}.quote-items{display:grid;gap:8px;margin-top:14px}.quote-item-row{display:grid;grid-template-columns:1.8fr .8fr .8fr .8fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}.quote-item-row small{display:block;color:var(--muted);margin-top:3px}.quote-item-row .remove-quote-item{border:0;background:#f0f2ef;width:32px;height:32px;border-radius:50%;font-weight:900}.quote-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-totals{margin-left:auto;width:min(420px,100%);display:grid;gap:8px;background:#f5f8f3;border-radius:14px;padding:16px}.quote-totals span,.quote-totals strong{display:flex;justify-content:space-between}.quote-totals strong{font-size:20px;border-top:1px solid var(--line);padding-top:10px}.service-card-actions{display:flex;gap:7px;margin-top:12px}.service-card-actions button{padding:7px 11px;font-size:12px}.service-view-only .service-material-builder button,.service-view-only .remove-material{display:none!important}
.quote-print-sheet{display:none}.quote-print{font-family:Arial,sans-serif;color:#111}.quote-print-header{background:#202d29;color:white;padding:22px;display:flex;justify-content:space-between;align-items:center}.quote-print-header img{width:130px}.quote-print-header h1{margin:0;text-align:right}.quote-print-client,.quote-print-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.quote-print-client div,.quote-print-summary div{border:1px solid #aaa;padding:10px}.quote-print table{width:100%;border-collapse:collapse}.quote-print th,.quote-print td{border:1px solid #aaa;padding:8px;text-align:left}.quote-print-total{text-align:right;font-size:24px;font-weight:900;margin-top:15px}.quote-print-notes{white-space:pre-wrap;margin-top:18px}
@media(max-width:800px){.quote-stats{grid-template-columns:1fr 1fr}.quote-card{grid-template-columns:1fr}.quote-card-actions{justify-content:flex-start}.quote-item-form{grid-template-columns:1fr 1fr}.quote-item-form .item-description,.quote-item-preview{grid-column:span 2}.quote-item-preview{grid-template-columns:auto 1fr}.quote-item-row{grid-template-columns:1fr auto}.quote-item-row>span:not(:first-child){display:none}.choice-field{align-items:flex-start;flex-direction:column;gap:10px}}
html[data-theme="dark"] .quote-card,html[data-theme="dark"] .quote-item-form,html[data-theme="dark"] .quote-item-row,html[data-theme="dark"] .quote-item-preview,html[data-theme="dark"] .quote-totals{background:var(--white);border-color:var(--line);color:var(--ink)}html[data-theme="dark"] .quote-builder{border-color:var(--line)}html[data-theme="dark"] .quote-item-row .remove-quote-item{background:#1a285a;color:var(--ink)}
@media print{body.printing-quote>*:not(#quote-print-sheet){display:none!important}body.printing-quote #quote-print-sheet{display:block!important}.quote-print-sheet{position:static!important;padding:0!important}.quote-print{width:100%;font-size:10pt}.quote-print-header img{width:145px}.quote-print table{table-layout:fixed}.quote-print th,.quote-print td{overflow-wrap:anywhere}@page{size:A4 portrait;margin:10mm}}

/* Formulário de item: blocos responsivos sem larguras mínimas que causem overflow. */
.quote-item-form{grid-template-columns:1fr 1fr;gap:14px}.quote-item-form .quote-item-block{min-width:0;margin:0;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.quote-item-form .quote-item-block label{min-width:0;margin:0}.quote-item-form .quote-item-block input,.quote-item-form .quote-item-block select{width:100%;min-width:0;height:44px}.quote-item-form .quote-item-data .item-description{grid-column:auto}.quote-item-form .quote-item-measures{grid-template-columns:repeat(4,minmax(0,1fr))}.quote-item-form .quote-item-costs{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.quote-item-form .quote-item-pricing{grid-column:1/-1;grid-template-columns:1fr 2fr 1fr auto}.quote-item-form .quote-item-preview{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px 12px}.quote-item-form>#add-quote-item{grid-column:1/-1;justify-self:end}.quote-commercial-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-commercial-fields label:last-child{grid-column:1/-1}.quote-commercial-fields textarea{min-height:150px;width:100%;resize:vertical}.quote-footer-grid{align-items:start}.quote-totals{position:sticky;top:0}html[data-theme="dark"] .quote-item-form .quote-item-block,html[data-theme="dark"] .quote-readout{background:var(--white);border-color:var(--line)}
@media(max-width:900px){.quote-item-form,.quote-item-form .quote-item-costs,.quote-item-form .quote-item-pricing{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-item-form .quote-item-measures{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.quote-item-form .quote-item-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.quote-totals{position:static}}
@media(max-width:580px){.quote-modal{width:100%;max-height:100vh;border-radius:0}.quote-modal form{max-height:100vh;padding:20px 16px}.quote-item-form,.quote-item-form .quote-item-block,.quote-item-form .quote-item-costs,.quote-item-form .quote-item-pricing,.quote-item-form .quote-item-measures,.quote-item-form .quote-item-preview,.quote-commercial-fields{grid-template-columns:1fr}.quote-item-form .quote-item-data .item-description,.quote-item-form .quote-item-preview,.quote-commercial-fields label:last-child{grid-column:auto}.quote-item-form>#add-quote-item{width:100%}.quote-footer-grid{grid-template-columns:1fr}.quote-totals{width:100%;margin:0}.quote-modal .modal-actions{flex-wrap:wrap}.quote-modal .modal-actions button{flex:1 1 140px}}

/* Modelo A4 fornecido para impressão do orçamento */
.quote-print-page{width:210mm;height:297mm;position:relative;overflow:hidden;background:#fff;color:#111820;font-family:Arial,Helvetica,sans-serif}.qp-header{position:static;height:32mm;padding:0 12mm;display:grid;grid-template-columns:1fr 34mm;align-items:center;background:linear-gradient(90deg,#122020,#101b1b);color:#fff}.qp-header>div{display:flex;align-items:center;gap:8mm;border-right:.25mm solid #ffffffb8}.qp-header img{width:42mm;height:25mm;object-fit:contain}.qp-header h1{margin:0;font-size:10mm}.qp-header>strong{padding-left:7mm;font-size:3.5mm;line-height:1.45}.qp-content{padding:5mm 4.5mm 0}.qp-box{border:.25mm solid #9da7ad;border-radius:.8mm;overflow:hidden}.qp-box h2{height:9mm;margin:0;padding:0 4mm;display:flex;align-items:center;background:#182827;color:#fff;font-size:3.7mm;text-transform:uppercase}.qp-box small{display:block;margin-bottom:1.2mm;color:#4c5962;font-size:2.6mm;text-transform:uppercase}.qp-box b{font-size:3.7mm;overflow-wrap:anywhere}.qp-meta{height:17mm;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:4.5mm}.qp-meta div{padding:2.5mm 3.4mm;border-right:.25mm solid #aab2b7}.qp-meta div:last-child{border:0}.qp-client{margin-bottom:4.5mm}.qp-client>div{display:grid;grid-template-columns:1.3fr .75fr .92fr}.qp-client span{min-height:14mm;padding:3mm 4mm;border-right:.25mm solid #aab2b7;border-bottom:.25mm solid #aab2b7}.qp-client span:nth-child(3){border-right:0}.qp-client span:nth-child(4){border-bottom:0}.qp-client span:nth-child(5){grid-column:2/4;border:0}.qp-items{margin-bottom:5mm}.qp-items table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}.qp-items th{background:#182827;color:#fff;font-size:2.6mm;text-transform:uppercase}.qp-items th,.qp-items td{padding:2.2mm;border-right:.25mm solid #aab2b7;text-align:left}.qp-items td{height:10mm;border-top:.25mm solid #aab2b7;font-size:2.9mm}.qp-items th:nth-child(1){width:6.5%}.qp-items th:nth-child(2){width:34%}.qp-items th:nth-child(3){width:14%}.qp-items th:nth-child(4){width:12%}.qp-items th:nth-child(5){width:17%}.qp-items th:last-child,.qp-items td:last-child{border-right:0}.qp-items .center,.qp-items .num{text-align:center}.qp-items td small{margin:1mm 0 0;text-transform:none}.qp-totals{display:grid;grid-template-columns:3fr 1.3fr;gap:2.6mm;margin-bottom:4.5mm}.qp-totals>div{display:grid;grid-template-columns:repeat(3,1fr)}.qp-totals span{padding:4mm;border-right:.25mm solid #aab2b7}.qp-totals span:last-child{border:0}.qp-totals>strong{padding:3mm;background:#132221;color:#fff;text-align:center;font-size:6mm}.qp-totals>strong small{display:block;color:#fff;font-size:3mm;text-transform:uppercase}.qp-bottom{display:grid;grid-template-columns:.95fr 1.05fr;gap:2.6mm}.qp-bottom>.qp-box{min-height:52mm}.qp-bottom p{margin:0;padding:2.5mm 4mm;border-bottom:.25mm solid #c0c5c8}.qp-bottom p b,.qp-bottom p span{display:block;font-size:3mm}.qp-notes{position:relative}.qp-notes>p{border:0;white-space:pre-wrap}.qp-notes em{position:absolute;right:7mm;bottom:5mm;font-family:"Segoe Script",cursive;font-size:5mm}.qp-footer{position:absolute;left:0;right:0;bottom:0;height:30.5mm;padding:3mm 10mm;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#122020;color:#fff}.qp-footer img{width:38mm;height:19mm;object-fit:contain}.qp-footer span{font-size:2.3mm;text-transform:uppercase;letter-spacing:.2mm}
@media print{body.printing-quote>*:not(#quote-print-sheet){display:none!important}body.printing-quote #quote-print-sheet{display:block!important}.quote-print-sheet{padding:0!important}.quote-print-page,.quote-print-page *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@page{size:A4 portrait;margin:0}}

/* Rodapé comercial e melhor ocupação do A4 */
.qp-content{padding-top:4mm}.qp-meta,.qp-client{margin-bottom:3mm}.qp-items{margin-bottom:3.5mm}.qp-items td{height:11mm}.qp-totals{margin-bottom:3.5mm}.qp-bottom>.qp-box{min-height:58mm}.qp-footer{padding:0;justify-content:stretch}.qp-footer-info{height:22.5mm;padding:3.5mm 9mm 2.5mm;display:grid;grid-template-columns:.8fr 1.25fr 1.8fr;align-items:center}.qp-footer-info>span{min-height:13mm;padding:0 5mm;border-right:.25mm solid rgba(255,255,255,.5);display:flex;flex-direction:column;justify-content:center}.qp-footer-info>span:first-child{padding-left:0}.qp-footer-info>span:last-child{padding-right:0;border:0}.qp-footer-info small{margin:0 0 1mm;color:#fff;font-size:2.3mm;font-weight:800;text-transform:uppercase}.qp-footer-info b{color:#fff;font-size:2.7mm;line-height:1.3}.qp-footer-services{height:8mm;border-top:.8mm solid #52f700;display:flex;align-items:center;justify-content:center;font-size:2.2mm;font-weight:700;text-transform:uppercase;letter-spacing:.2mm}
.qp-footer-info>span{text-transform:none;letter-spacing:normal}

/* Estrutura A4 fluida: ocupa a primeira página e cresce sem sobrepor o rodapé. */
.quote-print-page{height:auto;min-height:297mm;overflow:visible;display:flex;flex-direction:column}.qp-header{flex:0 0 32mm;grid-template-columns:62mm 1fr 40mm;padding:0 9mm}.qp-header .qp-logo{height:100%;display:flex;align-items:center;justify-content:flex-start;border-right:.25mm solid rgba(255,255,255,.55);padding-right:7mm}.qp-header .qp-logo img{width:52mm;height:27mm;object-fit:contain}.qp-header h1{border-right:.25mm solid rgba(255,255,255,.55);padding-right:7mm;text-align:center}.qp-header>strong{padding-left:7mm}.qp-content{flex:1;display:flex;flex-direction:column;padding:4mm 4.5mm 3.5mm}.qp-items{overflow:visible;break-inside:auto}.qp-items thead{display:table-header-group}.qp-items tr{break-inside:avoid;page-break-inside:avoid}.qp-bottom{flex:1;min-height:58mm;align-items:stretch}.qp-bottom>.qp-box{height:100%;min-height:58mm}.qp-footer{position:static;flex:0 0 auto;height:30.5mm;break-inside:avoid;page-break-inside:avoid}.qp-footer-info{width:100%;grid-template-columns:.75fr 1.25fr 1.8fr}.qp-footer-info>span{display:grid;grid-template-columns:7mm 1fr;gap:3mm;align-items:center}.qp-footer-info>span>span{display:flex;flex-direction:column;gap:1mm}.qp-footer-info small,.qp-footer-info b{display:block;margin:0}.qp-footer-info svg{width:6mm;height:6mm;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.qp-footer-services{width:100%;gap:3.2mm;white-space:nowrap}.qp-footer-services i{height:2.5mm;border-left:.25mm solid #52f700}
.qp-footer-info{grid-template-columns:.9fr 1.25fr 1.65fr}.qp-footer-info>span:first-child b{white-space:nowrap}
.qp-footer-info>span:first-child b{white-space:normal}.qp-footer-info>span:first-child b:before{content:"HBA PRODUTOS INDUSTRIALIZADOS LTDA\A CNPJ: 03.147.184/0001-05\A";white-space:pre;font-size:2.15mm;line-height:1.25}
@media print{.quote-print-page{min-height:297mm}.qp-header,.qp-box h2,.qp-items th,.qp-totals>strong,.qp-footer{break-inside:avoid;page-break-inside:avoid}.qp-footer-services{border-top:.8mm solid #52f700!important}}

/* Controles compactos dos cards. */
.quote-card-actions{flex-wrap:wrap}.card-status-select{height:34px;max-width:190px;border:1px solid var(--line);border-radius:8px;padding:0 30px 0 10px;background:var(--white);color:var(--ink);font-size:11px;font-weight:800}

/* Compositor mais leve, mantendo a estrutura e os cálculos existentes. */
.quote-item-form{background:transparent;border:0;border-radius:0;padding:0;gap:18px}.quote-item-form .quote-item-block{border:0;border-top:1px solid var(--line);border-radius:0;padding:15px 0 0;background:transparent}.quote-item-block legend{padding:0 8px 0 0;color:var(--muted);letter-spacing:.06em}.manual-price-toggle{position:relative;align-self:end;padding:8px 10px 8px 48px;border-radius:10px;background:var(--paper);cursor:pointer}.manual-price-toggle input{position:absolute;left:10px;width:30px!important;height:18px!important;appearance:none;border:0!important;border-radius:12px;background:#aab2ad;transition:.18s}.manual-price-toggle input:before{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:.18s}.manual-price-toggle input:checked{background:var(--green)}.manual-price-toggle input:checked:before{transform:translateX(12px)}#quote-item-manual-sale:not([readonly]){border-color:#62bd43;box-shadow:0 0 0 3px rgba(98,189,67,.12)}.field-label-row{align-items:center;flex-wrap:wrap;gap:8px}.quote-item-preview{border:0;border-left:3px solid #62bd43;background:var(--paper)}.quote-item-form>#add-quote-item{align-self:end}
html[data-theme="dark"] .manual-price-toggle,html[data-theme="dark"] .quote-item-preview{background:var(--paper)}

/* Página nomeada mantém o orçamento portrait e permite paginação nativa. */
.quote-print-page{page:quote}.qp-items thead{display:table-header-group}.qp-items tbody tr{break-inside:avoid;page-break-inside:avoid}.qp-totals,.qp-bottom{break-inside:avoid;page-break-inside:avoid}.qp-content{display:block}.qp-bottom{break-before:avoid-page;margin-bottom:4mm}.qp-footer{break-inside:avoid;page-break-inside:avoid}
@page quote{size:A4 portrait;margin:0}
@media(max-width:900px){.card-status-select{max-width:100%}}
@media(max-width:580px){.quote-card-actions>*{flex:1 1 130px}.card-status-select{width:100%}.manual-price-toggle{min-height:44px}}

.quote-letter-box{grid-column:1/-1}.letter-box-toggle{grid-column:1/-1;display:flex!important;flex-direction:row!important;align-items:center;min-height:44px}.letter-box-toggle input{width:18px!important;height:18px!important}.quote-letter-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quote-letter-fields label{margin:0}.quote-letter-fields .letter-total small{color:var(--muted);font-size:10px}.quote-item-editing{grid-column:1/-1;display:flex;gap:8px;align-items:center;padding:10px 13px;border:1px solid #dfb553;border-radius:10px;background:#fff7df;color:#62430b}.quote-item-editing span{font-size:12px}.quote-item-submit-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.quote-item-row-actions{display:flex;gap:6px}.quote-item-row-actions button{border:0;border-radius:8px;padding:8px 10px;font-weight:800}.edit-quote-item{background:#e8f3ed;color:var(--green)}.remove-quote-item{background:#f7e7e2!important;color:#8a3828;width:auto!important;height:auto!important}.cost-page-actions{display:flex;flex-wrap:wrap;gap:8px}.letter-box-mode .quote-width-field{opacity:.55}.letter-box-mode .quote-width-field:after{content:'Ignorada no cálculo de letra-caixa';color:var(--muted);font-size:10px}
html[data-theme="dark"] .quote-item-editing{background:#3d3217;color:#fff1bd;border-color:#96762f}
.quote-item-row-actions .edit-quote-item,.quote-item-row-actions .remove-quote-item{min-height:36px;border:1px solid transparent;border-radius:8px!important;padding:8px 12px;line-height:1.2;font-size:12px;font-weight:800;cursor:pointer;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s}
.quote-item-row-actions .edit-quote-item:hover{background:#d9ebdf;border-color:#9dcbb0}.quote-item-row-actions .remove-quote-item{width:auto!important;height:auto!important;background:#f8e9e5!important;border-color:#edc7bd;color:#8a3828!important}.quote-item-row-actions .remove-quote-item:hover{background:#f2d8d1!important;border-color:#dca899;color:#6f291d!important}.quote-item-row-actions button:focus-visible{outline:2px solid var(--green);outline-offset:2px;box-shadow:0 0 0 3px rgba(98,189,67,.16)}
html[data-theme="dark"] .quote-item-row-actions .edit-quote-item{background:#1a285a;color:#cfd4ff;border-color:#35458a}html[data-theme="dark"] .quote-item-row-actions .edit-quote-item:hover{background:#243574;color:#eef1ff}html[data-theme="dark"] .quote-item-row-actions .remove-quote-item{background:#442b28!important;border-color:#70423c;color:#ffc3b7!important}html[data-theme="dark"] .quote-item-row-actions .remove-quote-item:hover{background:#58342f!important;border-color:#96554c;color:#ffe0da!important}
.quote-sales-history{margin-bottom:18px}.quote-sales-history>.panel-head>label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:800}.quote-sales-history select{min-width:110px}.quote-sales-total{display:flex;align-items:baseline;justify-content:space-between;margin:10px 0 18px;padding:14px 16px;border-radius:12px;background:var(--paper)}.quote-sales-total span{color:var(--muted);font-weight:700}.quote-sales-total b{font-size:24px}.quote-sales-chart{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;height:180px;gap:7px;padding:16px 10px 0;border-bottom:1px solid var(--line)}.quote-sales-chart>span{display:flex;height:100%;align-items:center;justify-content:flex-end;flex-direction:column;gap:6px}.quote-sales-chart i{display:block;width:min(28px,80%);min-height:2px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#42edde,#159ffa)}.quote-sales-chart small{color:var(--muted);font-size:10px;text-transform:uppercase}.quote-sales-months{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.quote-sales-months button{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--white);color:var(--ink);cursor:pointer}.quote-sales-months button.active{border-color:#42edde;box-shadow:0 0 0 2px rgba(66,237,222,.16)}.quote-sales-months span{color:var(--muted);font-size:12px}.quote-sales-detail-head{margin-top:20px}.quote-sales-detail-head h4{margin:2px 0 0}
@media(max-width:900px){.quote-letter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-item-row-actions{justify-self:end}}
@media(max-width:580px){.quote-letter-fields{grid-template-columns:1fr}.quote-item-editing{align-items:flex-start;flex-direction:column}.quote-item-submit-actions{display:grid;grid-template-columns:1fr;width:100%}.quote-item-row-actions{width:100%;grid-column:1/-1}.quote-item-row-actions button{flex:1}.quote-sales-history>.panel-head{align-items:flex-start}.quote-sales-chart{gap:3px}.quote-sales-chart small{font-size:8px}.quote-sales-months{grid-template-columns:1fr 1fr}.quote-sales-months button{flex-direction:column}.cost-page-actions{width:100%;display:grid;grid-template-columns:1fr}.cost-page-actions button{width:100%}}