/* Extend the sealcoat planner's existing visual system. */
.paint-shell{color:#252525}.paint-shell main{padding-bottom:32px}.paint-shell h1{color:#171717}.paint-shell .eyebrow{color:#515151}.paint-shell .summary-top .eyebrow{color:#f7c200}.paint-shell .text-button{color:#286341}.paint-shell .section-heading .text-button{color:#f7c200}.paint-shell select,.paint-dialog select{display:block;width:100%;min-height:46px;padding:10px 32px 10px 12px;border:1px solid #cdd3cf;border-radius:7px;background:#fff;color:#252525;font:inherit;margin-top:7px;appearance:auto}.paint-shell input,.paint-shell select,.paint-dialog input,.paint-dialog select,.paint-dialog textarea{font-size:16px;min-width:0}.paint-shell input:invalid,.paint-dialog input:invalid:not(:placeholder-shown){border-color:#b84032}.paint-shell label,.paint-dialog label{font-size:14px}.paint-shell .panel{border-color:#ddd}.paint-shell .section-heading{margin-bottom:22px}.paint-shell .paint-unit{display:flex;gap:10px;align-items:center}.paint-unit select{width:auto;min-width:190px;margin:0}.paint-help{margin:0 24px 18px!important;color:#515151;font-size:14px}.paint-marking{margin:0 24px 16px;padding:18px;border:1px solid #ddd;border-radius:8px;background:#fafafa}.paint-row-top{display:flex;align-items:center;gap:14px;margin-bottom:15px}.paint-row-number{color:#777;font-weight:700;font-size:14px}.paint-row-name{flex:1}.paint-remove{align-self:flex-end}.paint-row-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.paint-row-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:14px;font-size:14px;color:#515151}.width-presets{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.width-presets button{background:#fff;border:1px solid #d4d4d4;border-radius:4px;padding:7px 10px;font-size:14px;min-height:36px}.width-presets button:hover{border-color:#111;background:#f7f0d8}.paint-toolbar{padding:4px 24px 22px;display:flex;align-items:center;gap:18px;justify-content:space-between}.paint-toolbar span{font-size:14px}.paint-shell .panel-foot{font-size:14px;background:#f5f5f5;color:#555}.paint-settings{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 24px 12px}.paint-assumptions{margin:18px 24px;border:1px solid #dedede;border-radius:7px}.paint-assumptions summary{padding:14px;cursor:pointer;font-size:14px;font-weight:600}.paint-assumptions-body{padding:0 14px 14px;display:grid;grid-template-columns:200px 1fr;gap:20px}.paint-assumptions-body p{font-size:14px;color:#515151}.paint-product{margin:0 24px 20px;padding:20px;border:1px solid #dedede;border-radius:8px}.paint-product h3,.paint-order h3{display:flex;align-items:center;gap:10px;color:#171717;font-size:17px}.paint-swatch{width:18px;height:18px;border:1px solid #999;border-radius:50%;flex-shrink:0;display:inline-block}.paint-product-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.paint-product .helper{font-size:14px;color:#606660;margin-top:12px}.paint-results-body{padding:0 24px}.paint-order{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;padding:26px 0;border-bottom:1px solid #ddd}.paint-order p{font-size:14px;color:#515151;margin-top:8px}.paint-basis{display:inline-block;font-size:13px;background:#f5f3e8;color:#67521e;padding:5px 8px;border-radius:4px;margin-top:10px}.paint-order .estimate-lines{font-size:14px}.paint-order .estimate-lines dd{text-align:right;margin:0}.paint-order .estimate-lines small{display:block;font-size:14px;font-weight:400}.paint-packages{border-radius:8px;background:#f6f8f6;border:1px solid #d9e4dc;padding:20px;align-self:start}.paint-packages>strong{font:600 21px Poppins,Arial,sans-serif;line-height:1.5}.paint-order-footer{padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}.paint-order-footer p{font-size:14px;color:#515151;margin-top:6px}.paint-empty{padding:30px 0}.paint-empty p{margin-top:8px;color:#515151}.paint-shell .device-note{font-size:14px!important;color:#515151}.paint-currency{font-size:14px}.paint-footer{display:flex;flex-wrap:wrap;gap:22px;margin:26px 0}.paint-faq{border-top:1px solid #d5d5d5;padding:18px 0}.paint-faq summary{font-weight:600;cursor:pointer}.paint-faq p{font-size:14px;color:#515151;margin-top:12px;max-width:950px}.paint-shell .error,.paint-dialog .error{color:#a42d25}.paint-shell .error{margin:14px 0}#paint-status:empty{display:none}#paint-status{margin-top:20px;padding:14px 18px;border-left:4px solid #33ca7f;background:white;font-size:15px;overflow-wrap:anywhere}#paint-status.error{border-color:#a42d25;color:#a42d25}.paint-dialog{position:fixed;top:var(--roadly-modal-center,50%);transform:translateY(-50%);left:0;right:0;margin:0 auto;width:660px;max-width:calc(100% - 28px);max-height:var(--roadly-modal-height,85vh);overflow:auto;border:1px solid #d6d6d6;border-radius:12px;padding:26px;background:white;color:#252525;box-shadow:0 18px 60px #0003}.paint-dialog::backdrop{background:#0007}.paint-dialog h2{font-size:23px;padding-right:72px;margin-bottom:8px}.paint-dialog p{margin:12px 0;color:#515151;font-size:15px}.paint-close{float:right;position:sticky;top:0;z-index:2;padding:7px 10px;min-height:36px}.paint-dialog form{display:grid;gap:16px}.paint-dialog .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.paint-dialog #paint-freight:not([hidden]){display:grid;gap:14px}.paint-dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.paint-dialog .quote-project{background:#f4f4f4;padding:15px;margin:18px 0;border-radius:7px}.paint-dialog .paint-quote-note{font-size:14px;padding:14px;background:#f5f8f5;margin:0}.paint-saved-row{border-top:1px solid #ddd;padding:18px 0}.paint-saved-row p{font-size:13px}.paint-print{display:none}
@media(min-width:1100px){.paint-row-fields{grid-template-columns:minmax(180px,1fr) minmax(245px,1.5fr) repeat(3,minmax(100px,.7fr))}}
@media(max-width:700px){.paint-shell .section-heading{gap:18px}.paint-unit{width:100%;justify-content:space-between}.paint-row-fields,.paint-settings,.paint-product-controls,.paint-assumptions-body,.paint-order{grid-template-columns:1fr}.paint-marking,.paint-product,.paint-assumptions{margin-inline:16px;padding:16px}.paint-assumptions{padding:0}.paint-help{margin-inline:16px!important}.paint-settings{margin-inline:16px}.paint-toolbar{padding-inline:16px;align-items:flex-start;flex-direction:column}.paint-row-top{gap:10px;flex-wrap:wrap}.paint-row-number{display:none}.paint-row-name{flex-basis:100%}.paint-remove{padding:7px 10px;min-height:36px}.paint-row-foot{align-items:flex-start;flex-direction:column}.paint-results-body{padding-inline:16px}.paint-order{gap:18px}.paint-order-footer{flex-direction:column;align-items:stretch}.paint-shell .workflow a{font-size:13px}.paint-currency{display:none}.paint-dialog{padding:20px}.paint-dialog .form-grid{grid-template-columns:1fr}.paint-dialog h2{font-size:20px}.paint-shell h1{font-size:28px}.paint-shell .btn,.paint-dialog .btn{font-size:14px}.paint-packages>strong{font-size:20px}}
@media print{.paint-shell,.paint-dialog{display:none!important}.paint-print{display:block;padding:15mm;color:#111}.paint-print h1{font-size:24px}.paint-print h2{font-size:20px;margin-top:16px}.paint-print h3{font-size:17px;margin-top:18px}.paint-print p{margin:10px 0;line-height:1.6}.paint-print h3,.paint-print p{break-inside:avoid}@page{size:A4;margin:10mm}}

.paint-pail-size{display:flex;flex-direction:column;gap:10px;padding:4px 0}.paint-pail-size strong{font-size:16px}.paint-save-bottom{display:flex;align-items:center;gap:24px;padding:24px;background:#fff;border:1px solid #d8dde1;border-radius:12px;margin-top:24px}.paint-save-bottom h2{margin:0 0 8px}.paint-save-bottom p{margin:0;line-height:1.6;max-width:850px}.paint-save-bottom .btn{flex-shrink:0}@media(max-width:650px){.paint-save-bottom{flex-direction:column;align-items:stretch}}