:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#242830;background:#f2f3f5;font-size:16px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,summary{cursor:pointer}button{touch-action:manipulation}input,select{min-width:0;color:#242830}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c51b24;outline-offset:3px}[hidden]{display:none!important}.app{max-width:1560px;margin:auto;padding:0 26px calc(28px + env(safe-area-inset-bottom))}.app-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 -26px 24px;background:#000;color:#fff;padding:18px 26px;border-bottom:4px solid #c51b24}.brand-logo{width:200px;height:auto}.app-header h1{margin:0;font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.app-header p{font-size:.82rem;color:#b5bac3;margin:5px 0 0;text-align:right}.build-heading,.totals-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.build-heading{margin-bottom:12px}.build-heading h2,.totals-heading h2,.combined-heading h2{font-size:1.1rem;margin:0}.build-heading>span,.totals-heading>span{font-size:.82rem;color:#666d76}.equipment-line{background:#fff;border:1px solid #dce0e5;border-radius:13px;margin-bottom:14px;min-width:0}.line-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 15px;background:#eef0f3;border-radius:12px 12px 0 0;border-bottom:1px solid #dce0e5}.line-name{display:flex;align-items:center;gap:10px;min-width:0}.line-number{font-size:.76rem;font-weight:800;color:#fff;background:#545b65;border-radius:6px;padding:5px 8px;white-space:nowrap}.brand-tag{font-size:.75rem;font-weight:800;letter-spacing:.05em;color:#a91420}.remove-button{display:flex;align-items:center;gap:5px;background:transparent;color:#606772;border:0;padding:4px 7px;font-size:.78rem;min-height:30px}.remove-button:hover{background:#e1e4e8;color:#a91420;border-radius:6px}.line-main{display:grid;grid-template-columns:minmax(260px,1fr) minmax(230px,.7fr) minmax(400px,1.6fr);gap:20px;padding:15px}.search-section,.line-controls,.line-prices{min-width:0}.search-section>label{display:block;font-size:.69rem;letter-spacing:.06em;font-weight:800;color:#535b66;margin-bottom:6px}.search-input{display:flex;align-items:center;gap:8px;border:1.5px solid #a8aeb7;border-radius:8px;padding:0 10px;background:#fff}.search-input:focus-within{border-color:#c51b24;box-shadow:0 0 0 3px #c51b2412}.search-input input{width:100%;border:0;outline:0!important;background:none;height:42px;font-size:.94rem;padding:0;appearance:none}.search-input input::-webkit-search-cancel-button{display:none}.clear-search{border:0;background:#edf0f3;border-radius:5px;min-width:28px;height:28px;font-size:1.2rem;color:#545d69}.search-status{font-size:.7rem;color:#67717e;line-height:1.35;margin:6px 0}.model-description{font-size:.76rem;line-height:1.4;color:#565f6b;margin:6px 0 0;overflow-wrap:anywhere}.results{border:1px solid #d4dae2;border-radius:8px;max-height:290px;overflow:auto;background:white;margin-top:8px}.results button{display:block;width:100%;border:0;border-bottom:1px solid #eceff2;background:#fff;text-align:left;padding:10px 12px;min-height:58px}.results button:hover,.results button.active{background:#fff0f1}.results button:focus-visible{outline-offset:-3px}.result-sku{display:block;font-size:.88rem;font-weight:750;overflow-wrap:anywhere}.result-description{display:block;font-size:.76rem;color:#606975;line-height:1.35;margin-top:3px}.line-inputs{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px}.line-inputs label,.option-grid label{display:block;font-size:.78rem;font-weight:700;line-height:1.4}.quantity-control{display:flex;margin-top:6px;border:1px solid #cbd1d9;border-radius:7px;height:42px;overflow:hidden;background:#fff}.quantity-control button{border:0;background:#edf0f3;min-width:30px;color:#303843;font-size:1.2rem}.quantity-control input{border:0;width:100%;background:#fff;text-align:center;font-weight:750;appearance:textfield;-moz-appearance:textfield;font-size:.92rem;border-radius:0}.quantity-control input::-webkit-inner-spin-button{appearance:none}.line-inputs select,.option-grid select,.option-grid input:not([type=checkbox]){margin-top:6px;display:block;width:100%;height:42px;padding:0 8px;border:1px solid #cbd1d9;border-radius:7px;background:#fff;font-size:.88rem}.qualification{font-size:.76rem;font-weight:650;line-height:1.4;color:#535e6b;margin:10px 0 0}.qualification.blocked{color:#a11620}.price-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.price-tile{padding:8px 10px;border-radius:6px;min-width:0;background:#c4c8cc}.price-tile.sale-tile{background:#e2e7ec}.price-tile.fleet-tile{background:#dce8e0}.price-tile>span{display:block;font-size:.72rem;font-weight:800;line-height:1.3}.price-tile small{font-size:.65rem;font-weight:650;white-space:nowrap}.price-tile strong{display:block;font-size:1rem;line-height:1.45;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.price-tile.fleet-tile strong{font-size:.86rem}.selling-price{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#17563b;color:#fff;border-radius:7px;padding:10px 12px;margin-top:7px}.selling-price>span{font-size:.95rem;font-weight:800;line-height:1.3}.selling-price small{font-size:.7rem;font-weight:650;display:block;color:#e4f1e8;margin-top:2px}.selling-price strong{font-size:1.45rem;font-weight:850;color:#ffe36d;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}.line-total{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;font-size:.73rem;font-weight:650;color:#58616e}.line-total strong{font-size:.98rem;color:#242830;white-space:nowrap;font-variant-numeric:tabular-nums}.cost-section{border-top:1px solid #e5e8ed;padding:10px 15px 12px}.cost-section h3{margin:0 0 8px;font-size:.8rem;font-weight:800}.cost-metrics{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.metric{min-width:0}.metric>span{display:block;font-size:.67rem;line-height:1.4;color:#67717d}.metric strong{display:block;margin-top:4px;font-size:.9rem;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metric.profit-metric strong{color:#155e43}.metric.pending strong{color:#985414}.metric.loss strong,.loss{color:#ad1420!important}.line-tax-total{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid #edf0f3;font-size:.74rem;color:#606975}.line-tax-total strong{color:#242830;font-size:.95rem;white-space:nowrap}.line-note{font-size:.72rem;color:#8c4c1d;line-height:1.45;margin:9px 0 0}.line-note:empty,.note:empty{display:none}.line-details{border-top:1px solid #e5e8ed}.line-details>summary,.settings-card>summary{padding:11px 15px;font-size:.8rem;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.line-details>summary::-webkit-details-marker,.settings-card>summary::-webkit-details-marker{display:none}.line-details>summary::after,.settings-card>summary::after{content:'+';font-size:1.1rem;color:#727b88}.line-details[open]>summary::after,.settings-card[open]>summary::after{content:'−'}.line-details[open]>summary{border-bottom:1px solid #e5e8ed}.line-financing{padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.line-financing .finance-card{margin:0}.line-financing .finance-heading{font-size:.93rem;padding:10px}.line-financing .finance-logo{width:66px;height:27px;flex-basis:66px}.line-financing table{min-width:350px}.line-financing .note{margin:9px 10px;font-size:.7rem}.overrides .option-grid{padding:10px 15px 14px;grid-template-columns:repeat(4,minmax(0,1fr))}.add-row{display:flex;align-items:center;gap:14px;margin:0 0 20px}.add-button{display:flex;align-items:center;gap:7px;border:1px solid #bdc5d0;border-radius:8px;background:#fff;padding:10px 15px;font-size:.88rem;font-weight:750;color:#242830}.add-button>span{font-size:1.25rem;line-height:1}.add-button:hover{border-color:#a31520}.add-button:disabled{cursor:default;color:#737b87;background:#e6e9ed;border-color:#d7dce4}.add-row>span{font-size:.76rem;color:#666f7c}.quote-totals{background:#fff;border:1px solid #d8dde5;border-radius:13px;padding:15px;margin-bottom:22px}.totals-heading{margin-bottom:14px}.total-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 1.35fr;gap:12px;align-items:stretch}.total-metrics>div{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:6px}.total-metrics span{font-size:.76rem;line-height:1.4;color:#67717d}.total-metrics small{display:block;font-size:.7rem}.total-metrics strong{display:block;margin-top:5px;font-size:1.1rem;font-weight:800;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.total-metrics .customer-total{background:#17563b;color:#fff;padding:12px;border-radius:8px}.customer-total span,.customer-total small{color:#fff}.customer-total strong{font-size:1.35rem;color:#ffe36d}.note{font-size:.74rem;line-height:1.5;color:#68717d;margin:10px 12px 12px}.quote-totals>.note{margin:12px 6px 0}.combined-heading{margin-bottom:12px}.combined-heading p{font-size:.76rem;color:#666f7c;margin:5px 0 0}.financing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.finance-card{background:#fff;border:1px solid #dce1e8;border-radius:12px;overflow:hidden;min-width:0}.finance-heading{display:flex;align-items:center;gap:10px;background:#c6ccd2;margin:0;padding:12px;font-size:1.1rem;font-weight:800}.finance-logo{display:block;width:80px;height:30px;flex:0 0 80px;background:#fff;border-radius:4px;padding:3px;object-fit:contain}.finance-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.finance-card table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:560px;font-variant-numeric:tabular-nums}.finance-card th,.finance-card td{padding:10px 5px;font-size:.76rem;text-align:right;vertical-align:middle;overflow-wrap:anywhere;border-bottom:1px solid #e6eaf0}.finance-card thead th{font-weight:800;color:#48515e;background:#fafbfc;font-size:.68rem;line-height:1.35}.finance-card th:first-child{width:12%;text-align:center}.finance-card th:nth-child(2){width:12%;text-align:center}.finance-card th:nth-child(3){width:20%}.finance-card th:nth-child(4){width:18%}.finance-card th:nth-child(5){width:18%}.finance-card th:nth-child(6){width:20%}.finance-card tbody th{font-weight:800}.finance-card tbody tr:nth-child(even){background:#fafbfc}.finance-card thead th:nth-child(3),.finance-card .monthly-payment{background:#666;color:#fff;text-align:center}.finance-card td.monthly-payment{color:#ffe36d;font-weight:800;font-size:.94rem;white-space:nowrap}.term-unit{display:block;font-size:.59rem;font-weight:650;margin-top:3px;color:#5d6673}.plan-id,.payment-kind{display:block;font-size:.57rem;margin-top:3px;color:#666f7d;line-height:1.3}.monthly-payment .payment-kind{color:#e5e7eb;font-weight:450}.dealer-fee span{display:block;font-size:.64rem;color:#8b522c;margin-bottom:3px}.dealer-fee strong,.finance-profit{white-space:nowrap}.finance-profit{color:#155e43;font-weight:750}.finance-summary{display:flex;justify-content:space-between;gap:12px;background:#f5f6f8;padding:10px 12px;font-size:.74rem}.finance-summary strong{white-space:nowrap;font-variant-numeric:tabular-nums}.shared-note{font-size:.75rem;line-height:1.5;color:#68717d;margin:14px 0 18px}.settings-card{background:#fff;border:1px solid #dce1e8;border-radius:10px;margin-bottom:12px;overflow:hidden}.settings-card>summary{padding:14px 15px;font-size:.9rem}.option-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:8px 15px 16px}.check-label{display:flex!important;align-items:center;gap:8px;min-height:42px}.check-label input{width:20px;height:20px;accent-color:#c51b24}.brand-fleets{padding:0 15px}.brand-fleet{border:1px solid #e0e4e9;border-radius:8px;margin:0 0 14px;padding:12px}.brand-fleet legend{font-size:.8rem;font-weight:750;padding:0 5px}.brand-fleet .option-grid{padding:0;grid-template-columns:repeat(4,minmax(0,1fr))}footer{font-size:.7rem;line-height:1.6;color:#79818d;text-align:center;padding-top:8px}
@media(max-width:1200px){.line-main{grid-template-columns:minmax(250px,1fr) minmax(350px,1.25fr);gap:16px}.line-controls{grid-column:1;grid-row:2}.line-prices{grid-column:2;grid-row:1/3;align-self:center}.cost-metrics{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:13px}.total-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.line-main .line-inputs{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:800px){.app{padding-inline:18px}.app-header{margin-inline:-18px;padding-inline:18px}.brand-logo{width:165px}.app-header h1{font-size:1.3rem}.financing-grid{grid-template-columns:1fr}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.line-financing{grid-template-columns:1fr}.brand-fleet .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overrides .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.app{padding-inline:12px}.app-header{margin:0 -12px 18px;padding:14px 16px}.brand-logo{width:140px}.app-header h1{font-size:1.15rem}.app-header p{font-size:.65rem}.build-heading h2{font-size:1rem}.build-heading>span{font-size:.7rem}.line-main{display:flex;flex-direction:column;gap:12px;padding:12px}.line-toolbar{padding:9px 12px}.line-prices{width:100%}.line-main .line-inputs{grid-template-columns:108px minmax(0,1fr)}.model-description{font-size:.74rem}.selling-price strong{font-size:1.35rem}.selling-price>span{font-size:.87rem}.cost-section{padding:10px 12px}.cost-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.metric>span{font-size:.7rem}.metric strong{font-size:.94rem}.price-tile{padding:8px}.price-tile strong{font-size:.94rem}.price-tile.fleet-tile strong{font-size:.75rem}.total-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.total-metrics .customer-total{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.customer-total strong{font-size:1.45rem;margin:0;white-space:nowrap}.quote-totals{padding:12px}.totals-heading{align-items:flex-start}.totals-heading h2{font-size:1rem}.totals-heading>span{font-size:.7rem;text-align:right}.add-row{align-items:center;gap:10px}.add-row>span{font-size:.7rem}.add-button{font-size:.82rem;flex-shrink:0}.line-tax-total>span{max-width:55%}.finance-heading{font-size:1rem}.line-details>summary{padding-inline:12px}.line-financing{padding:9px}.option-grid{gap:12px}.brand-fleets{padding-inline:12px}.brand-fleet{padding:9px}.finance-card table{min-width:520px}}
@media(prefers-reduced-motion:no-preference){.results button,.add-button{transition:background .12s,border-color .12s}}
.line-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #e5e8ed}.line-tools .line-details{border-top:0}.line-tools .line-details+ .line-details{border-left:1px solid #e5e8ed}.line-tools .line-details[open]{grid-column:1/-1}.line-tools .line-details[open]+ .line-details{border-top:1px solid #e5e8ed;border-left:0}.line-toolbar{padding-block:8px}.line-main{padding-block:12px}.line-tools .line-details>summary{padding-block:10px;font-size:.76rem}
@media(max-width:620px){.line-tools{grid-template-columns:1fr}.line-tools .line-details+ .line-details{border-left:0;border-top:1px solid #e5e8ed}}

/* Keep the eight cost/profit values in exactly two rows at every width. */
.cost-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.cost-heading h3{margin:0}.cost-swipe{display:none;font-size:.65rem;color:#67717d;white-space:nowrap}
.cost-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#aab2bd #edf0f3}
.cost-scroll::-webkit-scrollbar{height:4px}.cost-scroll::-webkit-scrollbar-thumb{background:#aab2bd;border-radius:4px}
.cost-metrics{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,auto);min-width:640px;gap:8px 12px;padding:0 0 2px}
.cost-metrics .metric{padding:5px 8px;background:#f5f6f8;border-radius:5px;border-left:2px solid #e2e6eb}
.cost-metrics .metric>span{font-size:.7rem;line-height:1.25;white-space:nowrap}
.cost-metrics .metric>span small{font-size:.64rem}
.cost-metrics .metric strong{font-size:.94rem;line-height:1.3;margin-top:3px;white-space:nowrap;overflow-wrap:normal}
.cost-metrics .profit-metric,.cost-metrics .customer-metric{background:#eef6f1;border-left-color:#bfd8c8}
.cost-metrics .customer-metric strong{color:#17563b}
.overrides .option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:740px){.cost-swipe{display:inline}.cost-section{padding-bottom:8px}.cost-metrics{gap:7px 10px}.cost-scroll{padding-bottom:4px}}
@media(max-width:620px){.overrides .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep equipment and both finance providers in view together on desktop. */
.app-header{padding-block:10px;margin-bottom:16px}.brand-logo{width:165px}
.app-header h1{font-size:1.35rem}
.quote-layout{display:grid;grid-template-columns:minmax(0,1fr) 540px;gap:16px;align-items:start}
.quote-workspace,.finance-sidebar{min-width:0}
.finance-sidebar{position:sticky;top:12px;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;padding-bottom:2px}
.quote-workspace .line-main{grid-template-columns:minmax(220px,1fr) minmax(300px,1.25fr);gap:10px 14px;padding:12px}
.quote-workspace .line-controls{grid-column:auto;grid-row:auto;margin-top:8px}
.quote-workspace .line-prices{grid-column:2;grid-row:auto;align-self:center}
.quote-workspace .search-input input,.quote-workspace .quantity-control,.quote-workspace .line-inputs select{height:38px}
.quote-workspace .line-inputs{grid-template-columns:104px minmax(0,1fr);gap:10px}
.quote-workspace .qualification{margin-top:7px;font-size:.72rem}
.quote-workspace .price-tile{padding:7px 8px}
.quote-workspace .selling-price{padding:9px 10px;gap:8px}
.quote-workspace .selling-price>span{font-size:.85rem}
.quote-workspace .selling-price strong{font-size:1.25rem}
.quote-workspace .cost-section{padding:9px 12px}
.quote-workspace .equipment-line{margin-bottom:12px}
.quote-workspace .total-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.quote-workspace .quote-totals{margin-bottom:14px;padding:12px}
.quote-workspace .total-metrics strong{font-size:1rem}
.quote-workspace .total-metrics .customer-total strong{font-size:1.15rem}
.quote-workspace .add-row{margin-bottom:14px}
.finance-sidebar .combined-heading{margin-bottom:9px}
.finance-sidebar .combined-heading h2{font-size:1rem}
.finance-sidebar .combined-heading p{font-size:.7rem;margin-top:4px}
.finance-sidebar .financing-grid{grid-template-columns:1fr;gap:10px}
.finance-sidebar .finance-heading{padding:6px 10px;font-size:1rem;gap:9px}
.finance-sidebar .finance-logo{width:72px;height:27px;flex-basis:72px}
.finance-sidebar .finance-card table{min-width:0}
.finance-sidebar .finance-card th,.finance-sidebar .finance-card td{padding:4px;font-size:.74rem;line-height:1.2}
.finance-sidebar .finance-card thead th{font-size:.65rem;padding-block:7px}
.finance-sidebar .finance-card th:first-child{width:15%;white-space:nowrap}.finance-sidebar .finance-card th:nth-child(2){width:13%}.finance-sidebar .finance-card th:nth-child(3){width:22%}.finance-sidebar .finance-card th:nth-child(4){width:16%}.finance-sidebar .finance-card th:nth-child(5){width:16%}.finance-sidebar .finance-card th:nth-child(6){width:18%}
.finance-sidebar .finance-card td.monthly-payment{font-size:.9rem}
.finance-sidebar .term-unit{display:inline;font-size:.58rem;margin:0 0 0 2px}
.finance-sidebar .plan-id,.finance-sidebar .payment-kind{font-size:.57rem;margin-top:2px}
.finance-sidebar .dealer-fee span{font-size:.6rem;margin-bottom:2px}
.finance-sidebar .dealer-fee strong{display:block}
.finance-sidebar .finance-summary{padding:4px 10px;font-size:.71rem;line-height:1.3}
.finance-caution{font-size:.67rem;line-height:1.35;color:#765016;margin:6px 10px}
.finance-status{font-size:.7rem;line-height:1.4;color:#9a4224;margin:6px 10px}.finance-status:empty{display:none}
.finance-details{border-top:1px solid #e5e8ed}
.finance-details>summary{font-size:.7rem;font-weight:650;color:#545e6b;padding:7px 10px}
.finance-details .note{font-size:.71rem;margin:4px 10px 10px}
.finance-sidebar .shared-note{font-size:.67rem;line-height:1.4;margin:8px 2px 0}
@media(min-width:1240px) and (max-width:1350px){.quote-layout{grid-template-columns:minmax(0,1fr) 500px}}
@media(max-width:1239px){.quote-layout{grid-template-columns:1fr;gap:4px}.finance-sidebar{position:static;max-height:none;overflow:visible;margin-bottom:16px}.quote-workspace .line-main{grid-template-columns:minmax(250px,1fr) minmax(350px,1.25fr);gap:12px 16px}}
@media(max-width:740px){.quote-workspace .line-main{display:flex;flex-direction:column;gap:10px}.quote-workspace .line-prices{width:100%}.quote-workspace .line-inputs{grid-template-columns:108px minmax(0,1fr)}}
@media(max-width:620px){.brand-logo{width:140px}.app-header h1{font-size:1.15rem}.quote-workspace .total-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-workspace .total-metrics .customer-total{grid-column:1/-1}.quote-workspace .total-metrics .customer-total strong{font-size:1.3rem}.finance-sidebar .finance-card table{min-width:520px}}
@media(max-width:620px){.finance-sidebar .finance-table-scroll::after{content:'Swipe to see dealer fee & profit ↔';display:block;position:sticky;left:0;padding:5px 9px;background:#f5f6f8;color:#67717d;font-size:.65rem}}

/* Green unit badge first, followed by the mower description in red. */
.line-name{flex:1;gap:10px}
.line-name .model-description{margin:0;min-width:0;flex:1;font-size:.79rem;line-height:1.4;font-weight:750;color:#a91420}
.line-number{flex-shrink:0;background:#17563b;color:#fff}
.line-toolbar .remove-button{flex-shrink:0}
@media(max-width:620px){.line-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.line-name{display:flex;grid-column:1/-1;align-items:flex-start;gap:8px}.line-name .model-description{font-size:.76rem}.line-toolbar .remove-button{grid-column:2;justify-self:end}}

/* Unit badge, shorter model search, description, then Remove at the card edge. */
.equipment-line{container-type:inline-size}
.equipment-line:focus-within{position:relative;z-index:2}
.line-toolbar{display:grid;grid-template-columns:auto calc(29.582223cqw - 11.241244px) minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px}
.line-toolbar>.model-description{margin:0;min-width:0;font-size:1.001rem;line-height:1.4;font-weight:750;color:#a91420;text-transform:uppercase;overflow-wrap:anywhere}
.line-toolbar .search-section{position:relative;min-width:0}
.line-toolbar .search-section>label{font-size:.62rem;letter-spacing:.025em;margin-bottom:4px}
.line-toolbar .search-input{padding-inline:8px}
.line-toolbar .search-input input{height:36px;font-size:.85rem}
.line-toolbar .clear-search{min-width:25px;height:25px}
.line-toolbar .results{position:absolute;top:calc(100% + 4px);left:0;right:0;margin:0;z-index:20;box-shadow:0 5px 18px #24283024}
.line-toolbar .search-status{font-size:.64rem;line-height:1.3;margin:4px 0 0}
.quote-workspace .line-main{display:grid;grid-template-columns:minmax(380px,1.5fr) minmax(285px,1fr);gap:12px;padding:10px}
.line-workspace{min-width:0}
.quote-workspace .line-controls{margin-top:0}
.quote-workspace .line-prices{grid-column:auto;grid-row:auto;align-self:start;min-width:0}
.quote-workspace .cost-section{border-top:0;padding:0;margin-top:9px}
.quote-workspace .cost-heading{margin-bottom:5px}
.quote-workspace .cost-heading h3{font-size:.74rem}
.quote-workspace .cost-metrics{min-width:380px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.quote-workspace .cost-metrics .metric{padding:4px;border-left-width:2px}
.quote-workspace .cost-metrics .metric>span{font-size:.64rem;line-height:1.2;white-space:normal;min-height:25px}
.quote-workspace .cost-metrics .metric>span small{font-size:.59rem}
.quote-workspace .cost-metrics .metric strong{font-size:.81rem;line-height:1.3;margin-top:2px}
.price-mode-control{min-width:0}.quote-workspace .price-mode-control>.qualification{font-size:.69rem;margin:4px 0 0}
.quote-workspace .price-tile{padding:6px}
.quote-workspace .price-tile strong{font-size:.85rem}
.quote-workspace .price-tile.fleet-tile strong{font-size:.73rem}
.quote-workspace .selling-price{margin-top:6px;padding:8px 9px}
.quote-workspace .selling-price>span{font-size:.79rem}
.quote-workspace .selling-price strong{font-size:1.2rem}
.quote-workspace .line-total{margin-top:6px;font-size:.68rem}
.quote-workspace .line-total strong{font-size:.91rem}
@container(max-width:699px){.quote-workspace .line-main{display:flex;flex-direction:column;gap:10px}.quote-workspace .line-prices{width:100%}}
@media(max-width:740px){.line-toolbar{grid-template-columns:auto minmax(0,1fr) auto;gap:7px 8px}.line-toolbar>.line-number{grid-column:1;grid-row:1}.line-toolbar .search-section{grid-column:2/-1;grid-row:1;width:83.2%;justify-self:start}.line-toolbar>.model-description{grid-column:1/3;grid-row:2;font-size:.962rem}.line-toolbar>.remove-button{grid-column:3;grid-row:2;align-self:start;justify-self:end;padding:3px 0;font-size:.67rem;gap:3px}.quote-workspace .cost-scroll{padding-bottom:4px}.quote-workspace .line-inputs{grid-template-columns:104px minmax(0,1fr)}}

/* Compact native mode picker; keep the complete selected mode readable beside it. */
.quote-workspace .price-mode-row{display:grid;grid-template-columns:20% minmax(0,1fr);align-items:center;gap:8px;margin-top:6px}
.quote-workspace .price-mode-row select{width:100%;margin-top:0;padding:0;color:transparent;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%23303843' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center}
.quote-workspace .price-mode-row select option{color:#242830;background:#fff}
.price-mode-value{min-width:0;font-size:.82rem;font-weight:700;line-height:1.3;overflow-wrap:anywhere}

/* Full-width dealer metrics and a shorter pricing/controls row. */
.quote-workspace .line-main{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(410px,1.2fr);gap:8px 12px;padding:10px}
.quote-workspace .line-workspace{align-self:start}
.quote-workspace .price-mode-row{grid-template-columns:calc(17.28cqw - 38.3616px) minmax(0,1fr)}
.quote-workspace .line-prices{display:grid;grid-template-columns:minmax(280px,1.5fr) minmax(170px,1fr);gap:4px 8px;align-items:stretch}
.quote-workspace .price-tiles{grid-column:1;grid-row:1/3;gap:5px}
.quote-workspace .price-tile{display:flex;flex-direction:column;justify-content:center;padding:6px;border-radius:7px}
.quote-workspace .price-tile>span{font-size:.67rem;line-height:1.25}
.quote-workspace .price-tile strong{font-size:.84rem;margin-top:2px}
.quote-workspace .selling-price{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;margin:0;padding:14px 9px;border-radius:7px;background:#235540}
.quote-workspace .selling-price>span{font-size:.72rem;line-height:1.2}
.quote-workspace .selling-price small{display:inline;font-size:.6rem;margin:0 0 0 3px}
.quote-workspace .selling-price strong{font-size:1.16rem;line-height:1.15}
.quote-workspace .line-total{grid-column:2;grid-row:2;display:flex;justify-content:space-between;gap:5px;margin:0;font-size:.59rem;align-items:center}
.quote-workspace .line-total strong{font-size:.79rem}
.quote-workspace .cost-section{grid-column:1/-1;margin:0;padding:6px 0 0;border-top:1px solid #e5e9ee}
.quote-workspace .cost-heading{margin:0 0 5px}
.quote-workspace .cost-heading h3{font-size:.68rem;letter-spacing:.035em;text-transform:uppercase;color:#505b66}
.quote-workspace .cost-metrics{min-width:0;grid-template-columns:repeat(8,minmax(90px,1fr));grid-template-rows:auto;gap:0;padding:0;border:1px solid #e1e6eb;border-radius:8px;overflow:hidden;background:#f5f7f9}
.quote-workspace .cost-metrics .metric{padding:6px 7px;border:0;border-right:1px solid #e1e6eb;border-radius:0;background:transparent}
.quote-workspace .cost-metrics .metric:nth-child(4){border-right:2px solid #ccd6de}
.quote-workspace .cost-metrics .metric:last-child{border-right:0}
.quote-workspace .cost-metrics .metric>span{font-size:.63rem;line-height:1.25;min-height:26px;color:#66717d}
.quote-workspace .cost-metrics .metric strong{font-size:.81rem;line-height:1.3;margin-top:2px}
.quote-workspace .cost-metrics .profit-metric,.quote-workspace .cost-metrics .customer-metric{background:#edf5f0}
.quote-workspace .cost-swipe{display:none}
@container(max-width:801px){
 .quote-workspace .line-prices{width:100%;grid-template-columns:minmax(280px,1.5fr) minmax(170px,1fr)}
 .quote-workspace .cost-metrics{min-width:380px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,auto)}
 .quote-workspace .cost-metrics .metric:nth-child(4){border-right:0}
 .quote-workspace .cost-metrics .metric:nth-child(-n+4){border-bottom:1px solid #e1e6eb}
 .quote-workspace .cost-metrics .metric:nth-child(8){border-right:0}
 .quote-workspace .cost-scroll{padding-bottom:2px}
}


@container(max-width:479px){
 .quote-workspace .line-prices{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}
 .quote-workspace .price-tiles{grid-column:1;grid-row:1}
 .quote-workspace .price-tile{padding:6px}
 .quote-workspace .price-tile strong{font-size:.84rem}
 .quote-workspace .selling-price{grid-column:1;grid-row:2;flex-direction:row;align-items:center;justify-content:space-between;padding:15px 9px;gap:8px}
 .quote-workspace .selling-price>span{font-size:.78rem}
 .quote-workspace .selling-price small{display:block;margin:2px 0 0;font-size:.65rem}
 .quote-workspace .selling-price strong{font-size:1.18rem}
 .quote-workspace .line-total{grid-column:1;grid-row:3;font-size:.62rem}
 .quote-workspace .line-total strong{font-size:.86rem}
 .quote-workspace .cost-swipe{display:inline}
}

/* Give MSRP/sale figures room without losing the compact row. */
.quote-workspace .line-prices .price-tile{padding:5px}
.quote-workspace .line-prices .price-tile strong{font-size:.81rem}
.quote-workspace .line-prices .fleet-tile strong{font-size:.73rem;white-space:normal;overflow-wrap:normal}

.quote-workspace .cost-metrics .metric strong{white-space:normal;overflow-wrap:normal}

@container(min-width:704px) and (max-width:801px){
 .quote-workspace .line-prices{grid-template-columns:minmax(260px,1.5fr) minmax(150px,1fr)}
 .quote-workspace .line-prices .price-tile strong{font-size:.76rem}
 .quote-workspace .cost-metrics{grid-template-columns:repeat(8,minmax(80px,1fr));grid-template-rows:auto;min-width:0}
 .quote-workspace .cost-metrics .metric{padding:6px 5px}
 .quote-workspace .cost-metrics .metric:nth-child(-n+4){border-bottom:0}
 .quote-workspace .cost-metrics .metric:nth-child(4){border-right:2px solid #ccd6de}
 .quote-workspace .cost-metrics .metric>span{font-size:.6rem}
 .quote-workspace .cost-metrics .metric strong{font-size:.77rem}
}
@container(max-width:703px){
 .quote-workspace .line-main{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px}
}
@container(max-width:699px){
 .quote-workspace .price-mode-row{grid-template-columns:calc(28.8cqw - 38.592px) minmax(0,1fr)}
}
@container(max-width:339px){
 .quote-workspace .line-prices .price-tile{padding:4px}
 .quote-workspace .line-prices .price-tile strong{font-size:.76rem}
}

@container(min-width:704px) and (max-width:801px){
 .quote-workspace .line-main{grid-template-columns:minmax(260px,.75fr) minmax(410px,1.25fr)}
 .quote-workspace .line-prices .price-tile strong{font-size:.73rem}
}

/* Keep the selected mode inside one native picker, including wrapped long labels. */
.quote-workspace .price-mode-row{display:block;position:relative;width:100%;min-height:38px;margin-top:6px;padding:9px 28px 9px 8px;border:1px solid #cbd1d9;border-radius:7px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%23303843' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 8px center;cursor:pointer}
.quote-workspace .price-mode-row:focus-within{outline:3px solid #c51b24;outline-offset:3px}
.quote-workspace .price-mode-row select{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;color:#242830;background:none;appearance:auto;cursor:pointer}
.quote-workspace .price-mode-row .price-mode-value{display:block;pointer-events:none;color:#242830;font-size:.82rem;font-weight:700;line-height:1.3;white-space:normal;overflow-wrap:normal}

/* Share the cost-table row with the two customer payment boxes. */
.quote-workspace .line-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto minmax(0,1fr);gap:6px 12px;align-items:stretch}
.quote-workspace .line-workspace,.quote-workspace .line-dealer-panel,.quote-workspace .cost-section{display:contents}
.quote-workspace .line-controls{grid-column:1;grid-row:1;min-width:0}
.quote-workspace .line-prices{display:flex;grid-column:2;grid-row:1/3;width:100%;min-height:64px;margin:0;align-self:stretch}
.quote-workspace .price-tiles{grid-column:auto;grid-row:auto;width:100%;flex:1;min-height:0;gap:6px}
.quote-workspace .line-prices .price-tile{padding:9px 10px}
.quote-workspace .line-prices .price-tile>span{font-size:.78rem}
.quote-workspace .line-prices .price-tile strong{font-size:1rem}
.quote-workspace .line-prices .fleet-tile strong{font-size:.92rem}
.quote-workspace .cost-heading{grid-column:1;grid-row:2;margin:0}
.quote-workspace .cost-scroll{grid-column:1;grid-row:3;min-width:0;overflow:visible;padding:0}
.quote-workspace .cost-metrics{height:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto);grid-auto-flow:column;gap:0;padding:0;overflow:hidden}
.quote-workspace .cost-metrics .metric{display:grid;grid-template-columns:minmax(0,1fr) minmax(74px,max-content);align-items:center;gap:5px;padding:5px 6px;border:0;border-right:1px solid #d7e0e5;border-bottom:1px solid #e1e6eb;border-radius:0;text-align:left}
.quote-workspace .cost-metrics .metric:nth-child(n+5){border-right:0}
.quote-workspace .cost-metrics .metric:nth-child(4),.quote-workspace .cost-metrics .metric:nth-child(8){border-bottom:0}
.quote-workspace .cost-metrics .metric>span{min-height:0;font-size:.63rem;line-height:1.25;white-space:normal}
.quote-workspace .cost-metrics .metric>span small{font-size:.6rem}
.quote-workspace .cost-metrics .metric strong{margin:0;font-size:.75rem;line-height:1.25;text-align:right;white-space:nowrap;overflow-wrap:normal}
.quote-workspace .cost-metrics .metric.pending strong{max-width:80px;white-space:normal}
.quote-workspace .cost-swipe{display:none}
.quote-workspace .line-note{grid-column:1/-1;grid-row:4;margin:0}
.quote-workspace .line-note:empty{display:none}
.quote-workspace .line-payments{display:grid;grid-column:2;grid-row:3;grid-template-rows:repeat(2,minmax(0,1fr));gap:0;min-width:0;min-height:0;width:100%;height:100%}
.quote-workspace .selling-price{grid-column:auto;grid-row:auto;display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:8px;padding:6px 12px;min-height:0;margin:0;width:100%;text-align:left;border-radius:7px 7px 0 0;background:#235540;color:#fff}
.quote-workspace .selling-price>span{min-width:0;font-size:.84rem;line-height:1.2}
.quote-workspace .selling-price small{display:block;font-size:.68rem;margin:2px 0 0}
.quote-workspace .selling-price strong{justify-self:end;margin:0;text-align:right;white-space:nowrap;font-size:1.65rem;line-height:1.15}
.quote-workspace .line-total{grid-column:auto;grid-row:auto;display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:8px;width:100%;min-height:0;margin:0;padding:6px 12px;background:#181b21;color:#fff;border-radius:0 0 8px 8px;text-align:left}
.quote-workspace .line-total>span{min-width:0;font-size:.84rem;font-weight:800;line-height:1.2;color:#fff}
.quote-workspace .line-total small{display:block;margin-top:2px;font-size:.68rem;font-weight:500;line-height:1.2;color:#b9c0c9}
.quote-workspace .line-total strong{justify-self:end;margin:0;color:#fff;font-size:1.65rem;font-weight:800;line-height:1.15;text-align:right;white-space:nowrap}
@container(max-width:699px){
 .quote-workspace .line-main{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) 64px minmax(0,1fr);gap:6px}
 .quote-workspace .line-prices{grid-column:1;grid-row:4}
 .quote-workspace .line-payments{grid-column:1;grid-row:5}
 .quote-workspace .line-note{grid-row:6}
 .quote-workspace .line-prices .price-tile{padding:8px}
 .quote-workspace .line-prices .price-tile strong{font-size:.86rem}
 .quote-workspace .line-prices .fleet-tile strong{font-size:.78rem}
}
@container(max-width:339px){
 .quote-workspace .cost-metrics .metric{grid-template-columns:minmax(0,1fr) minmax(68px,max-content);gap:4px;padding:5px}
 .quote-workspace .cost-metrics .metric>span{font-size:.61rem}
 .quote-workspace .cost-metrics .metric strong{font-size:.71rem}
 .quote-workspace .cost-metrics .metric.pending strong{max-width:70px}
 .quote-workspace .line-prices .price-tile{padding:6px}
 .quote-workspace .line-prices .price-tile strong{font-size:.79rem}
 .quote-workspace .line-prices .fleet-tile strong{font-size:.72rem}
 .quote-workspace .selling-price,.quote-workspace .line-total{padding:6px 10px}
 .quote-workspace .selling-price>span{font-size:.82rem}
 .quote-workspace .selling-price strong,.quote-workspace .line-total strong{font-size:1.4rem}
}
.fleet-mode-help{margin:0;font-size:.71rem;line-height:1.4;color:#67717d}
.brand-fleet .option-grid{grid-template-columns:minmax(0,280px)}

/* Center the unit price tiles and keep starting a new quote within reach. */
.quote-workspace .line-prices .price-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.quote-workspace .line-prices .price-tile>span,.quote-workspace .line-prices .price-tile strong{width:100%}
.header-actions{display:flex;align-items:center;gap:24px;min-width:0}
.header-title{text-align:right}
.new-quote-button{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:38px;padding:8px 13px;border:1px solid #a7abb3;border-radius:7px;background:#181b21;color:#fff;font-size:.83rem;font-weight:750;white-space:nowrap}
.new-quote-button>span{color:#ffe36d;font-size:1.1rem;line-height:1}
.new-quote-button:hover{border-color:#ffe36d;background:#292d34}
.new-quote-button:disabled{opacity:.5;cursor:default}
.new-quote-dialog{width:min(380px,calc(100% - 32px));margin:auto;padding:22px;border:1px solid #dce1e8;border-radius:12px;background:#fff;color:#242830;box-shadow:0 12px 50px #0004}
.new-quote-dialog::backdrop{background:#0007}
.new-quote-dialog h2{margin:0;font-size:1.1rem}
.new-quote-dialog p{margin:9px 0 20px;font-size:.86rem;line-height:1.45;color:#67717d}
.new-quote-dialog form{display:flex;justify-content:flex-end;gap:8px}
.new-quote-dialog button{min-height:40px;padding:9px 12px;border:1px solid #bdc5d0;border-radius:7px;background:#fff;color:#242830;font-size:.84rem;font-weight:700}
.new-quote-dialog .confirm-new-quote{background:#235540;border-color:#235540;color:#fff}
@media(max-width:620px){
 .app-header{gap:12px}
 .header-actions{flex-direction:column;align-items:flex-end;gap:8px}
 .header-title p{font-size:.68rem}
 .new-quote-button{min-height:34px;padding:6px 10px;font-size:.76rem}
}

/* Prevent iPhone input-focus zoom while keeping the compact control sizes. */
@media(max-width:740px),(hover:none) and (pointer:coarse){
 .app .line-toolbar .search-input input,
 .app .quantity-control input,
 .app .price-mode-row select,
 .app .option-grid select,
 .app .option-grid input:not([type=checkbox]){font-size:16px}
}

/* Quote-only promo and miscellaneous controls. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.quantity-field{min-width:0}.add-misc{display:flex;align-items:center;gap:4px;border:0;background:transparent;padding:6px 0 0;color:#657180;font-size:.65rem;font-weight:650;white-space:normal;width:100%;text-align:left;line-height:1.2}.add-misc>span{font-size:.9rem;line-height:1}.add-misc:hover{color:#a31520}.add-misc:disabled{opacity:.5;cursor:default}
.quote-workspace .line-prices .regular-sale{display:block;color:#6e7783;font-size:.59rem;line-height:1.25;margin:1px 0 3px;white-space:normal}
.promo-price{width:100%;margin-top:4px;min-width:0}.promo-price>summary{display:flex;justify-content:center;align-items:center;gap:3px;list-style:none;color:#405568;font-size:.65rem;font-weight:750;line-height:1.3;white-space:normal}.promo-price>summary::-webkit-details-marker{display:none}.promo-price>summary::before{content:'+';font-size:.88rem;line-height:1;flex:none}.promo-price[open]>summary::before{content:'−'}.promo-price>summary small{font-size:.5rem;color:#1d6045;letter-spacing:0;background:#e2f3e9;padding:2px 3px;border-radius:3px}.promo-entry{margin-top:5px}.promo-money{display:flex;align-items:center;gap:2px;width:100%;min-width:0;border:1px solid #aab6c4;border-radius:5px;background:#fff;padding:0 3px}.promo-money>span{font-size:.67rem;color:#667588;flex:none}.promo-money input{width:100%;min-width:0;border:0;border-radius:0;background:transparent;height:30px;padding:0 1px;font-size:.78rem;font-weight:750;appearance:textfield;-moz-appearance:textfield}.promo-money input::-webkit-inner-spin-button{appearance:none}.promo-money button{flex:none;border:0;background:transparent;padding:0 2px;font-size:1rem;color:#687789}.promo-entry>p{margin:4px 0 0;font-size:.56rem;line-height:1.3;color:#647386;white-space:normal}.promo-confirm-dialog{width:min(430px,calc(100% - 32px))}.promo-confirm-dialog .promo-confirm-unit{margin:0 0 10px;font-size:.74rem;color:#637384;font-weight:700}.promo-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.promo-compare>span{display:block;padding:10px;background:#eef1f5;border-radius:7px;font-size:.74rem;color:#637184}.promo-compare strong{display:block;margin-top:3px;font-size:1.05rem;color:#26323f}.promo-confirm-dialog .promo-confirm-help{font-size:.72rem;margin:0 0 20px}
.quote-workspace .misc-lines{grid-column:1/-1;grid-row:2;min-width:0;display:grid;gap:6px;padding:1px 0}.quote-workspace .equipment-line.has-misc .line-main{grid-template-rows:auto auto auto minmax(0,1fr)}.quote-workspace .equipment-line.has-misc .line-prices{grid-row:1;min-height:82px;align-self:stretch}.quote-workspace .equipment-line.has-misc .cost-heading{grid-row:3}.quote-workspace .equipment-line.has-misc .cost-scroll,.quote-workspace .equipment-line.has-misc .line-payments{grid-row:4}.quote-workspace .equipment-line.has-misc .line-note{grid-row:5}
.misc-row{display:grid;grid-template-columns:90px minmax(0,1fr) 105px 92px 50px 23px;gap:5px 8px;align-items:start;min-width:0;background:#f2f4f7;border:1px solid #dce2e9;border-radius:7px;padding:7px 8px}.misc-row.invalid{border-color:#c18d87;background:#fff6f4}.misc-row label,.misc-total>span{display:block;font-size:.58rem;line-height:1.35;font-weight:700;color:#728092;margin-bottom:4px}.misc-row input{width:100%;height:32px;padding:0 7px;border:1px solid #c8d1dc;border-radius:5px;background:#fff;font-size:.8rem;color:#26323d;min-width:0}.misc-row input::placeholder{color:#929eaa;opacity:1;font-weight:500}.misc-row .quantity-control{height:32px;margin:0;border-radius:5px}.misc-row .quantity-control input{height:30px;border:0;padding:0 2px;text-align:center}.misc-row .quantity-control button{min-width:24px;font-size:1rem}.misc-description{min-width:0}.misc-total{align-self:start}.misc-total strong{display:flex;align-items:center;justify-content:flex-end;min-height:32px;font-size:.88rem;line-height:1.25;font-variant-numeric:tabular-nums;color:#304b42;white-space:nowrap}.misc-cost{align-self:center;margin-top:12px;min-width:0}.misc-cost summary{list-style:none;font-size:.64rem;font-weight:700;line-height:1.5;white-space:nowrap;color:#667487;text-align:center}.misc-cost summary::-webkit-details-marker{display:none}.misc-cost[open]{grid-column:2/4;grid-row:2;width:100%;margin:0}.misc-cost[open] summary{text-align:left;margin-bottom:4px}.misc-cost[open] summary span{display:none}.misc-cost label{display:flex;align-items:center;gap:8px;max-width:300px;margin:0}.misc-cost label input{max-width:180px;flex:1;margin:0}.misc-remove{border:0;background:transparent;color:#7b8794;align-self:center;margin-top:12px;padding:0;min-height:24px;font-size:1.2rem}.misc-remove:hover{color:#ab1c26}.misc-error,.misc-cost-status{grid-column:2/5;margin:0;font-size:.6rem;line-height:1.4;color:#9a442b}.misc-error:empty,.misc-cost-status:empty{display:none}.misc-cost-status{color:#7e725a}
@container(max-width:699px){
 .quote-workspace .line-main{grid-template-rows:auto auto minmax(0,1fr) auto minmax(0,1fr)}
 .quote-workspace .equipment-line.has-misc .line-main{grid-template-rows:auto auto auto minmax(0,1fr) auto minmax(0,1fr)}
 .quote-workspace .equipment-line.has-misc .misc-lines{grid-row:2}.quote-workspace .equipment-line.has-misc .cost-heading{grid-row:3}.quote-workspace .equipment-line.has-misc .cost-scroll{grid-row:4}.quote-workspace .equipment-line.has-misc .line-prices{grid-column:1;grid-row:5;min-height:64px}.quote-workspace .equipment-line.has-misc .line-payments{grid-column:1;grid-row:6}.quote-workspace .equipment-line.has-misc .line-note{grid-row:7}
 .misc-row{grid-template-columns:88px minmax(0,1fr) 62px 23px;gap:6px 8px}.misc-quantity{grid-column:1;grid-row:1}.misc-description{grid-column:2/4;grid-row:1}.misc-remove{grid-column:4;grid-row:1}.misc-price{grid-column:1;grid-row:2}.misc-total{grid-column:2;grid-row:2}.misc-cost{grid-column:3;grid-row:2;align-self:end;margin:0 0 5px}.misc-cost[open]{grid-column:2/5;grid-row:3;align-self:start;margin:0}.misc-error,.misc-cost-status{grid-column:1/-1}.promo-price>summary{font-size:.62rem}.promo-price>summary small{font-size:.48rem}.promo-money{gap:0;padding:0 2px}.promo-money button{padding:0 1px}.promo-money>span{font-size:.6rem}
}
.quote-workspace .misc-lines{align-content:start;grid-auto-rows:max-content}
.misc-row.is-placeholder{border-style:dashed;background:#f8fafc}.misc-row.is-placeholder .misc-total strong{color:#929eaa}
@media(max-width:740px),(hover:none) and (pointer:coarse){.app .promo-money input,.app .misc-row input{font-size:16px}.promo-money input{height:32px}.misc-row input{height:36px}.misc-row .quantity-control{height:36px}.misc-row .quantity-control input{height:34px}.add-misc{font-size:.61rem}.misc-total strong{min-height:36px}.promo-entry>p{font-size:.53rem}}

.finance-card .finance-profit.needs-verification{white-space:normal;font-size:.66rem;line-height:1.25;color:#866431;overflow-wrap:normal}