.quotes-view #main{background:none;box-shadow:none;border:0;padding:0}.proposal-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(110deg,#109987,#087f7b);color:white;padding:23px 26px;border-radius:18px;margin-bottom:24px;box-shadow:0 8px 24px #0f85731a}.proposal-banner>div{display:flex;align-items:center;gap:17px}.proposal-banner>div>span{font-size:28px}.proposal-banner strong{display:block;font-size:23px;font-weight:600}.proposal-banner small{display:block;margin-top:7px;color:#d2f3ed;font-size:13px}.proposal-banner .button{background:#fff;color:#286559;box-shadow:0 3px 8px #00595120;border:0;font-size:14px}.proposal-grid.quote-layout{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(250px,1fr) minmax(250px,1fr)!important;gap:22px;align-items:start}.proposal-column{display:flex;flex-direction:column;gap:20px;min-width:0}.proposal-card{padding:23px;border:1px solid #ffffffbb;border-radius:17px;background:var(--surface,#f7f9fc);box-shadow:6px 6px 18px #cad6e44a,-4px -4px 16px #ffffff80;min-width:0}.proposal-card h2{display:flex;align-items:center;gap:9px;font-size:17px;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid #8097ab28;line-height:1.5}.proposal-card h2>span:first-child{color:#238c88}.proposal-card .field{margin:0 0 18px}.proposal-card label,.proposal-choice legend{font-size:14px;font-weight:500}.proposal-card .control{width:100%;min-width:0;font-size:14px;box-shadow:inset 2px 2px 5px #cbd5e53d,inset -2px -2px 5px #ffffff90;background:transparent;min-height:43px;border:1px solid #94a8bc42;border-radius:9px;padding:11px}.proposal-card textarea.control{min-height:85px}.proposal-contact{margin:0 0 16px;padding:13px;background:#809ab309;border-radius:9px}.proposal-contact>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:9px;padding:7px 0;font-size:13px}.proposal-contact dt{color:var(--muted,#75869c)}.proposal-contact dd{margin:0;overflow-wrap:anywhere}.outline-button{width:100%;font-size:13px;border:1px solid #70a7ac;box-shadow:none;background:transparent;color:#267d85;padding:9px}.summary-pair{display:flex;justify-content:space-between;gap:15px;font-size:14px;margin:16px 0}.summary-pair span{color:var(--muted,#75869c)}.vat-inline{display:flex;align-items:center;gap:15px;justify-content:space-between;margin:14px 0}.vat-inline .control{width:82px}.proposal-total{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#43a98b12;border-radius:9px;padding:13px;color:#198a70}.proposal-total strong{font-size:20px;white-space:nowrap}.proposal-total span{font-size:13px}.proposal-choice{border:0;padding:0;margin:23px 0}.proposal-choice legend{margin-bottom:12px}.proposal-choice label{display:inline-flex;align-items:center;gap:8px;margin:5px 20px 5px 0;font-weight:400;font-size:14px}.proposal-choice input{width:16px;height:16px;accent-color:#15998a}.shipping-choices label{display:flex}.proposal-choices-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.payment-percentages{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:-4px 0 25px}.payment-percentages button{background:#d9eee6;color:#32785f;border:0;border-radius:7px;padding:11px;font-size:14px;font-weight:600}.payment-percentages button:nth-child(2){background:#f3e6cf;color:#946f30}.payment-percentages button:nth-child(3){background:#e2def5;color:#6c5c9e}.payment-percentages button:hover{filter:brightness(.95)}.receipt-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;border:1px dashed #8ca5b7;border-radius:11px;padding:20px 12px;cursor:pointer;position:relative;min-height:145px}.receipt-dropzone>span{font-size:25px;color:#829cad}.receipt-dropzone small{font-size:12px;font-weight:400;color:var(--muted,#75869c);line-height:1.6}.receipt-dropzone input{position:absolute;width:1px;height:1px;opacity:0;bottom:0;left:50%}.receipt-dropzone:focus-within{outline:2px solid #219c8b;outline-offset:3px}.receipt-file-button{width:100%;text-align:left;padding:11px;margin-top:9px;border:1px solid #85a7b42e;border-radius:8px;color:inherit;background:#809cb50c;overflow-wrap:anywhere}.balance-box{display:flex;justify-content:space-between;border-top:1px solid #8097ab28;margin-top:22px;padding-top:18px;font-size:14px}.proposal-actions{grid-column:2/4;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:20px;background:var(--surface,#f7f9fc);border:1px solid #ffffffaa;border-radius:15px;box-shadow:5px 5px 15px #ccd7e64a;margin-top:0}.proposal-actions .button{font-size:13px;padding:12px 17px}.proposal-actions .primary{background:linear-gradient(120deg,#10a88c,#058775);box-shadow:0 5px 12px #04887525}.proposal-error{width:100%;margin:0;font-size:14px}.proposal-error:empty{display:none}.proposal-products #quote-products{max-height:290px;overflow-y:auto;margin-bottom:14px}.proposal-products .quote-product{padding:11px 0;gap:8px}.proposal-products .quote-product strong{font-size:14px}.proposal-products .quote-product small{font-size:12px;line-height:1.5}.proposal-products .quote-product .button{font-size:12px;white-space:nowrap;padding:8px}.proposal-products .quote-line{padding:14px 0}.proposal-products .quote-line strong{font-size:14px}.proposal-products .quote-empty{font-size:13px;padding:15px 0}.proposal-products .quote-line-inputs{gap:10px}.proposal-products .line-amount{display:flex;justify-content:space-between;align-items:center}.proposal-products .quote-line-inputs .field{margin:0}.proposal-products .quote-line-inputs label{font-size:12px}.proposal-products .quote-line-inputs input{padding:9px}.save-feedback{font-size:14px;line-height:1.6;margin:16px 0 0}.pdf-preview{width:100%;height:55vh}.receipt-large{max-width:100%;max-height:65vh;object-fit:contain}.proposal-card .section-desc{font-size:12px;line-height:1.6}.proposal-products .quote-stock-warning{font-size:12px}html[data-theme=dark] .proposal-card,html[data-theme=dark] .proposal-actions{background:#202b3c;border-color:#7e93b321;box-shadow:5px 5px 15px #07101d45}html[data-theme=dark] .proposal-card .control{box-shadow:inset 2px 2px 5px #09122050;border-color:#718aad45;color:#d7e1ef}html[data-theme=dark] .proposal-card option{background:#202b3c}html[data-theme=dark] .proposal-total{color:#77cbb2}html[data-theme=dark] .outline-button{color:#83c9cd}html[data-theme=dark] .payment-percentages button{background:#23453d;color:#9fd3bd}html[data-theme=dark] .payment-percentages button:nth-child(2){background:#453e30;color:#dbc191}html[data-theme=dark] .payment-percentages button:nth-child(3){background:#37334f;color:#c1b4ea}@media(max-width:1200px){.proposal-grid.quote-layout{grid-template-columns:minmax(260px,1fr) minmax(230px,1fr)!important}.proposal-column:first-child{grid-row:span 2}.proposal-actions{grid-column:1/-1}.proposal-card{padding:20px}}@media(max-width:760px){.proposal-grid.quote-layout{grid-template-columns:minmax(0,1fr)!important;gap:18px}.proposal-column:first-child{grid-row:auto}.proposal-actions{grid-column:1;position:static;padding:16px}.proposal-actions .push{display:none}.proposal-actions .button{flex:1;white-space:normal}.proposal-actions .primary{flex-basis:100%}.proposal-banner{padding:20px;align-items:flex-start}.proposal-banner strong{font-size:19px}.proposal-banner .button{padding:9px;font-size:12px;white-space:nowrap}.proposal-banner>div>span{display:none}.proposal-card{padding:20px}.proposal-total strong{font-size:22px}.proposal-products #quote-products{max-height:240px}.sidebar nav{overflow-x:auto;max-width:100%;flex-wrap:wrap}.sidebar{flex-wrap:wrap}.sidebar .brand{margin-bottom:8px}}@media print{.proposal-banner,.proposal-actions{display:none}}

/* Products span the working area instead of the customer column. */
.proposal-grid>.proposal-products,.proposal-grid>.proposal-actions{grid-column:1/-1}
.proposal-grid>.proposal-products #quote-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;max-height:310px}
.proposal-grid>.proposal-products .quote-line-inputs{display:flex;align-items:end;gap:16px;flex-wrap:wrap}
.proposal-grid>.proposal-products .quote-line-inputs .field{flex:1;min-width:140px}
.proposal-grid>.proposal-products .quote-line strong{font-size:16px}
@media(max-width:760px){.proposal-grid>.proposal-products #quote-products{grid-template-columns:1fr}.proposal-grid>.proposal-products .quote-line-inputs .field{min-width:110px}}