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

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

.pothole-methods{display:flex;flex-wrap:wrap;gap:12px;margin:0 24px 20px}.pothole-warning{padding:15px 18px;background:#fff5ce;border-left:4px solid #e2b000;margin:16px 24px;font-size:14px;line-height:1.6;color:#51421b}.pothole-results-body .pothole-warning{margin:20px 0}.pothole-packages>small{display:block;font-size:11px;letter-spacing:1px;color:#40604a;margin-bottom:7px}.pothole-packages>strong{display:block}.pothole-product>a{display:inline-block;margin-top:12px}#pothole-map{margin:0 24px 20px}.pothole-map-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.pothole-map-search{display:flex;gap:10px}.pothole-map-search input{flex:1;min-width:0}.pothole-map-canvas{height:400px;position:relative;z-index:0;border:1px solid #ccc;border-radius:8px}.pothole-shape{display:flex;gap:10px;align-items:center;margin:8px 0}.pothole-shape input{flex:1;min-width:0}.pothole-map-results{display:flex;flex-direction:column;gap:6px}.pothole-map-results button{text-align:left;padding:10px;border:1px solid #ddd;background:#fff}.pothole-map-help{font-size:13px;color:#555;margin:12px 0}.pothole-map-tools .active{background:#f7c200;color:#111}.pothole-map-off{padding:26px;border:1px dashed #aaa;background:#f5f5f5;border-radius:8px}.pothole-map-off h3{margin-bottom:8px}.pothole-map-off p{font-size:14px;line-height:1.6}
@media(min-width:1100px){.pothole-row-fields{grid-template-columns:minmax(250px,1.5fr) repeat(3,minmax(120px,1fr))}}
@media(max-width:700px){.pothole-methods,.pothole-warning,#pothole-map{margin-left:16px;margin-right:16px}.pothole-map-search{flex-direction:column}.pothole-shape{flex-wrap:wrap}.pothole-shape input{flex-basis:65%}.pothole-map-canvas{height:340px}.pothole-unit select{min-width:0}.pothole-shell .workflow{flex-wrap:wrap}.pothole-shell .workflow a{white-space:normal}}

/* Explicit title colours keep every black section header readable. */
.pothole-shell .section-heading h2,.pothole-shell .summary-top h2,.pothole-shell .pothole-section-title{color:#fff!important}.pothole-shell .section-heading h2,.pothole-shell .summary-top h2{display:flex;align-items:center;gap:11px;min-width:0}.pothole-shell .pothole-section-title{font-size:20px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.pothole-product-selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 24px 22px}.pothole-product-selection label{overflow-wrap:anywhere}.pothole-row-foot{align-items:flex-start;flex-direction:column;gap:6px}.pothole-row-fields{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.pothole-product-selection{grid-template-columns:1fr;margin-inline:16px}.pothole-row-fields{grid-template-columns:1fr}.pothole-shell .pothole-section-title{font-size:18px}.pothole-shell .section-heading h2{width:100%}}
.pothole-shell{background:#f1f1f1}.pothole-shell .workspace{display:block}.pothole-shell .summary{margin-top:24px}.pothole-row-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.pothole-row-actions{display:flex;gap:8px;align-self:end;flex-wrap:wrap}.pothole-diagrams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:20px}.pothole-diagrams figure{margin:0;text-align:center}.pothole-diagrams figcaption{font-size:13px;margin-top:14px;color:#515151}.pothole-rectangle{height:80px;max-width:170px;margin:auto;border:2px solid #4b5a50;background:#f7f0d8;display:flex;justify-content:center;align-items:center;gap:16px}.pothole-rectangle em{writing-mode:vertical-rl;font-size:13px;font-style:normal}.pothole-circle{width:100px;height:100px;border-radius:50%;border:2px solid #4b5a50;background:#f7f0d8;margin:auto;display:flex;align-items:center;justify-content:center;font-size:13px}.pothole-depth{display:flex;flex-direction:column;border-top:3px solid #252525;background:#f7f0d8;font-size:13px;text-align:center}.pothole-depth span,.pothole-depth strong{padding:8px}.pothole-depth small{padding:8px;background:#dedede;font-size:12px}.pothole-overall{padding:16px;background:#f4f4f4}.pothole-shell .section-heading{background:#000}.pothole-shell .pothole-unit{color:#fff}.pothole-shell .summary-top{background:#000}.pothole-order{overflow-wrap:anywhere}.pothole-shell .btn{white-space:normal}.pothole-shell input,.pothole-shell select{max-width:100%}.pothole-row-top{flex-wrap:wrap}.pothole-shell .workspace-main{min-width:0}.pothole-shell .heading-row h1{font-size:clamp(28px,4vw,42px)}@media(max-width:700px){.pothole-row-fields{grid-template-columns:1fr}.pothole-diagrams{grid-template-columns:1fr}.pothole-row-actions{width:100%}.pothole-row-name{min-width:160px}.pothole-toolbar{flex-wrap:wrap}.pothole-shell .heading-row{display:block}.pothole-shell .save-project-group{margin-top:20px}.pothole-order-footer{flex-wrap:wrap}.pothole-unit{flex-wrap:wrap}}