.quantity-section{margin-top:23px;padding-top:22px;border-top:1px solid var(--line);margin-bottom:0}.rate-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.rate-presets button{border:1px solid var(--line);padding:8px 2px;border-radius:6px;background:white;font-size:11px}.rate-presets button[aria-pressed=true]{border-color:var(--green);color:var(--green);background:#edf5ee}.discount-card{padding-bottom:22px;min-height:231px}.discount-primary{display:flex;align-items:baseline;gap:12px;position:relative;z-index:1;min-width:0;margin-top:23px}.discount-primary strong{font-size:clamp(32px,4.8vw,67px);font-weight:550;letter-spacing:-2px;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.discount-primary>span{font-size:29px;color:var(--mint)}.discount-card>p{color:#aac8bd;font-size:12px;margin:16px 0 0;position:relative;z-index:1}.discount-symbol{font-size:25px;color:#8db29e;font-weight:300}.discount-watermark{position:absolute;right:24px;bottom:2px;font-weight:800;font-size:150px;letter-spacing:-13px;transform:skew(-6deg);opacity:.035;pointer-events:none}.share-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:15px 0 18px;border-bottom:1px solid var(--line)}.primary-copy{background:var(--green);border-color:var(--green);color:white;font-size:12px}.primary-copy:hover{background:var(--dark)}.text-button{border:0;padding:8px 0;background:none;color:var(--green);font-size:11px;text-decoration:underline;text-underline-offset:3px}.text-button:disabled{opacity:.4;cursor:default}.share-toolbar>p{width:100%;margin:0}.share-note{font-size:10px;color:var(--muted)}#copy-status:empty{display:none}.net-prices{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:19px}.net-prices article{padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:9px;min-width:0}.net-prices article>span{font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:650}.net-prices article>div{display:flex;align-items:baseline;gap:7px;margin-top:9px}.net-prices strong{font-weight:550;font-size:29px;letter-spacing:-.7px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.net-prices small{font-size:11px;color:var(--muted);white-space:nowrap}.net-prices p{font-size:9px;color:var(--muted);margin:8px 0 0;line-height:1.6}.net-prices .sale-price{background:#f0f6ed;border-color:#bdceb9}.sale-price strong{color:var(--green)}.method-explanation{margin-top:20px;border-left:2px solid #9fba9f;padding:3px 0 3px 16px}.small-label{font-size:9px;letter-spacing:1.3px;font-weight:600;color:var(--green)}.method-explanation p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.method-explanation .method-formula{font-size:10px;color:#7a8579}.precision-note{font-size:9px;line-height:1.7;color:#7a847a;margin-top:19px}.totals-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.totals-grid article{padding:22px 27px;min-width:0}.totals-grid article+article{border-left:1px solid var(--line)}.totals-grid span{font-size:11px;color:var(--muted);display:block}.totals-grid strong{display:block;font-size:25px;letter-spacing:-.7px;font-weight:550;margin-top:9px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.totals-grid .profit-total{background:#f0f6ed}.profit-total strong{color:var(--green)}.warning{border:1px solid #d5bb85;border-radius:7px;background:#fbf4e6;color:#795c28;font-size:11px;line-height:1.7;padding:12px;margin:15px 0 0}.example-values{margin:12px 0 16px}.example-values div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--line);font-size:11px}.example-values dd{margin:0;font-weight:550;color:var(--ink)}dialog{border:1px solid var(--line);padding:25px;max-width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);width:760px;border-radius:13px;box-shadow:0 20px 80px #0004;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#061d17a8}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-header h2{font-size:20px;letter-spacing:-.4px}.dialog-header p{font-size:11px;color:var(--muted);margin:7px 0 0}.dialog-header>button{border:0;background:none;font-size:27px;line-height:1;color:var(--muted);padding:0 3px}#discount-preview{display:block;width:100%;height:auto;border-radius:8px}.dialog-actions{display:flex;align-items:center;gap:12px;margin-top:17px}.download-link{display:inline-block;background:var(--green);color:white;text-decoration:none;padding:11px 15px;border-radius:6px;font-size:12px}.dialog-hint,#image-status{font-size:11px;line-height:1.7;color:var(--muted)}#image-status:empty{display:none}@media(max-width:1050px){.net-prices article{padding:17px}.net-prices strong{font-size:25px}.totals-grid strong{font-size:22px}}@media(max-width:760px){.page-heading h1{font-size:30px;max-width:260px}.mode-options{grid-template-columns:1fr}.discount-primary strong{font-size:clamp(29px,9vw,58px)}.discount-card{min-height:218px}.net-prices article{padding:17px}.net-prices strong{font-size:26px}.totals-grid{grid-template-columns:1fr}.totals-grid article{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:18px}.totals-grid article+article{border-left:0;border-top:1px solid var(--line)}.totals-grid strong{margin:0;font-size:23px;text-align:right}.totals-grid span{font-size:11px}.discount-card>p{font-size:11px}.dialog-header h2{font-size:18px}dialog{padding:19px}.share-toolbar{gap:14px}}

/* Customer quote: discount on the left, net sale on the right. */
.discount-values{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:24px;align-items:end;position:relative;z-index:1;margin-top:23px}
.discount-values .discount-primary{margin-top:0;gap:10px}
.discount-values .discount-primary strong{font-size:clamp(24px,2.65vw,38px);font-weight:500;letter-spacing:-1px}
.discount-values .discount-primary>span{font-size:18px}
.discount-symbol{font-size:18px}
.card-net-sale{border-left:1px solid #73948660;padding-left:22px;min-width:0}
.card-net-sale>span{display:block;font-size:10px;letter-spacing:1.2px;color:#bdd4c9;margin-bottom:9px}
.card-net-sale>div{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.card-net-sale strong{font-size:clamp(42px,5.9vw,78px);line-height:1.1;font-weight:650;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%}
.card-net-sale small{font-size:16px;color:var(--mint);white-space:nowrap}
@media(max-width:760px){.discount-values{gap:14px}.discount-values .discount-primary{gap:4px}.discount-values .discount-primary strong{font-size:clamp(20px,5.5vw,30px)}.discount-values .discount-primary>span{font-size:14px}.card-net-sale{padding-left:14px}.card-net-sale strong{font-size:clamp(36px,11vw,68px)}.card-net-sale small{font-size:14px}.card-net-sale>span{font-size:9px;letter-spacing:.8px}}

/* The final discount is editable only after the owner unlocks it. */
.discount-values .discount-primary input{font-family:inherit;font-size:clamp(24px,2.65vw,38px);font-weight:500;line-height:1.15;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#fff;background:transparent;border:1px solid transparent;border-radius:5px;padding:4px 2px;min-width:0;width:6.3ch;max-width:calc(100% - 24px)}
.discount-values .discount-primary input:not([readonly]){border-color:#8dbb9f;background:#1c4b41}
.discount-values .discount-primary input[aria-invalid=true]{border-color:#f1ab87}
.discount-edit-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.discount-edit-button{background:#edf5ee;border-color:#a8c0aa;color:var(--green);min-height:42px}
.discount-edit-button:hover{background:#deebde}
.discount-edit-button:disabled{opacity:.5;cursor:default}
#discount-edit-status{font-size:11px;color:var(--muted);line-height:1.5}
@media(max-width:760px){.discount-values .discount-primary input{font-size:clamp(20px,5.5vw,30px);max-width:calc(100% - 18px);padding-inline:1px}.discount-edit-toolbar{gap:10px}.discount-edit-button{min-height:44px}}

/* Direct purchase uses only a net sale quote. */
.purchase-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.purchase-options .mode-option{padding:11px 10px;align-items:flex-start;gap:8px}
.purchase-options .mode-option strong{font-size:11px;line-height:1.4}
.purchase-options .mode-option small{font-size:9px;line-height:1.5}
.purchase-options .radio-mark{margin-top:1px}
.net-only .discount-primary,.net-only .discount-symbol,.net-only .card-net-sale>span{display:none}
.net-only .discount-values{grid-template-columns:1fr;margin-top:30px}
.net-only .card-net-sale{border-left:0;padding-left:0}
#rate[readonly]{color:var(--green)}

.purchase-net-summary{margin:0 0 23px;padding:16px 18px;border:1px solid #bdceb9;border-radius:8px;background:#f0f6ed}
.purchase-net-summary>span{font-size:10px;letter-spacing:1px;color:var(--green);font-weight:650}
.purchase-net-summary>div{display:flex;align-items:baseline;gap:8px;margin-top:7px}
.purchase-net-summary strong{font-size:29px;font-weight:600;color:var(--green);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}
.purchase-net-summary small{font-size:12px;color:var(--muted);white-space:nowrap}
.purchase-net-summary p{margin:5px 0 0;font-size:10px;color:var(--muted)}

/* Only the net sale numbers change colour; purchase and exported quotes retain their styling. */
#card-net-sale[data-sale-status="loss"]{color:#ff6262}
#net-sale[data-sale-status="loss"]{color:#c41624}
#card-net-sale[data-sale-status="low"]{color:#ffb0b0}
#net-sale[data-sale-status="low"]{color:#d76b75}
#card-net-sale[data-sale-status="high"],#net-sale[data-sale-status="high"]{color:#eaff00}
#net-sale[data-sale-status="high"]{-webkit-text-stroke:.6px #657000;text-shadow:0 1px 1px #123c3640}

#card-net-sale[data-sale-status="loss"],#net-sale[data-sale-status="loss"]{text-decoration-line:line-through;text-decoration-thickness:1.5px;text-decoration-color:#000}

#card-net-sale[data-sale-status="medium"],#net-sale[data-sale-status="medium"]{color:#fff4b8}
#net-sale[data-sale-status="medium"]{-webkit-text-stroke:.6px #8a793d;text-shadow:0 1px 1px #123c3620}

.color-legend{margin-top:32px;padding:26px;background:#123c36;color:#fff;border-radius:12px}.color-legend h2{font-size:20px;color:#fff;margin:0 0 20px}.color-legend ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:20px}.color-legend li{display:flex;flex-direction:column;gap:7px}.color-legend strong{font-size:16px}.color-legend span{font-weight:650}.color-legend small,.color-legend p{color:#c6d7d0;line-height:1.5}.color-legend p{font-size:12px;margin:22px 0 0}.legend-loss{color:#ff6262;text-decoration:line-through #000 1.5px}.legend-low{color:#ffb0b0}.legend-medium{color:#fff4b8}.legend-normal{color:#fff}.legend-high{color:#eaff00}