/* Keep work areas compact: tools target the whole area; totals remain calculated. */
@media screen {
 #estimateView .estimate-canvas #lineItems .work-area-layer-actions,
 #estimateView .estimate-canvas #lineItems .work-area-subtotal {display:none!important}
}

/* Visual Build Estimate canvas based on the estimator's work-area sketch. */
@media screen{
 #estimateView .estimate-details-panel{margin:0 0 10px;border:1px solid #c7cdd5;border-radius:7px;background:#fff;box-shadow:0 2px 8px rgba(31,42,53,.06);overflow:hidden}
 #estimateView .estimate-details-panel>summary{display:flex;align-items:center;gap:18px;min-height:54px;padding:8px 13px;background:#f6f7f8;color:#26313c;cursor:pointer;list-style:none}
 #estimateView .estimate-details-panel>summary::-webkit-details-marker{display:none}
 #estimateView .estimate-details-panel>summary:focus-visible{outline:3px solid rgba(238,121,30,.32);outline-offset:-3px}
 #estimateView .estimate-details-heading{display:grid;flex:0 0 auto;gap:1px;min-width:112px;padding-right:15px;border-right:1px solid #d5dae0}
 #estimateView .estimate-details-heading .eyebrow{margin:0;color:#8a4b16;font-size:9px}
 #estimateView .estimate-details-heading strong{font-size:14px;white-space:nowrap}
 #estimateView .estimate-details-summary{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));flex:1;gap:10px;min-width:0}
 #estimateView .estimate-details-summary>span{display:grid;gap:1px;min-width:0}
 #estimateView .estimate-details-summary small{color:#707b87;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
 #estimateView .estimate-details-summary strong{overflow:hidden;color:#26313c;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
 #estimateView .estimate-details-action{display:flex;align-items:center;gap:7px;flex:0 0 auto;color:#465666;font-size:11px;font-weight:700}
 #estimateView .estimate-details-close{display:none}
 #estimateView .estimate-details-chevron{font-size:17px;line-height:1;transition:transform .15s ease}
 #estimateView .estimate-details-panel[open]>summary{border-bottom:1px solid #d6dce2;background:#eef1f4}
 #estimateView .estimate-details-panel[open] .estimate-details-edit{display:none}
 #estimateView .estimate-details-panel[open] .estimate-details-close{display:inline}
 #estimateView .estimate-details-panel[open] .estimate-details-chevron{transform:rotate(180deg)}
 #estimateView .estimate-details-body{padding:12px;background:#f7f8f9}
 #estimateView .estimate-details-body .estimate-link{margin-bottom:10px}
 #estimateView .estimate-details-body .job-strip{box-shadow:none;border-radius:6px}
 #estimateView .estimate-builder-panel{padding:0;overflow:visible;background:#e8ebef;border:1px solid #c7cdd5;border-top:0;border-radius:0 0 8px 8px;margin-top:0}
 #estimateView>.estimate-sticky-controls{position:sticky;top:var(--estimate-sticky-top,62px);z-index:4;background:#eef1f4;border:1px solid #c7cdd5;border-bottom:0;border-radius:8px 8px 0 0;box-shadow:0 3px 6px rgba(31,42,53,.1)}
 #estimateView :is(input,select,textarea,button,[data-work-area]){scroll-margin-top:var(--estimate-scroll-clearance,240px)}
 #estimateView .estimate-sticky-controls>.surfacing-heading{display:grid;grid-template-columns:minmax(225px,1.15fr) minmax(445px,2fr) auto;align-items:center;gap:12px;margin:0;padding:10px 12px;background:#d9dee4;border-bottom:1px solid #c3cad3;border-radius:7px 7px 0 0}
 #estimateView .estimate-sticky-controls>.surfacing-heading h2{font-size:20px;margin:0 0 3px}
 #estimateView .estimate-sticky-controls>.surfacing-heading p{margin:0;font-size:13px}
 #estimateView .surfacing-heading [data-add-group]{display:none}
 #estimateView .surfacing-heading-title{min-width:0}
 #estimateView .surfacing-heading-title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #estimateView .estimate-builder-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0}
 #estimateView .estimate-builder-metrics article{min-width:0;padding:6px 8px;border:1px solid #c1c8d0;border-radius:4px;background:#f8f9fa;box-shadow:none}
 #estimateView .estimate-builder-metrics span{font-size:9px;line-height:1.15;white-space:nowrap}
 #estimateView .estimate-builder-metrics strong{font-size:14px;line-height:1.2;white-space:nowrap}
 #estimateView .estimate-builder-metrics small{display:none}
 #estimateView .estimate-sticky-controls>.surfacing-heading>.top-actions{justify-content:flex-end;white-space:nowrap}
 #estimateView .estimate-sticky-controls>.estimate-output-total{display:grid;grid-template-columns:minmax(145px,1fr) auto auto;align-items:center;gap:12px;margin:0;border:0;border-bottom:1px solid #b9c2cc;border-radius:0;background:#eef1f4;color:#283440;padding:6px 14px}
 #estimateView .estimate-sticky-controls>.estimate-output-total dl>div{background:#fff!important;border:1px solid #c7ced6!important;box-shadow:0 1px 2px rgba(31,42,53,.04)}
 #estimateView .estimate-sticky-controls>.estimate-output-total small,#estimateView .estimate-sticky-controls>.estimate-output-total dt{color:#687584}
 #estimateView .estimate-sticky-controls>.estimate-output-total dd{color:#234f70;font-size:16px}
 .estimate-builder-shell{display:block;padding:12px;min-width:0;background:#dfe5e1}
 .estimate-toolbox{display:flex;align-items:center;gap:8px;min-width:0;color:#283440}
 .estimate-toolbox-heading{flex:0 0 auto;padding-right:8px;border-right:1px solid #c7ced6}
 .estimate-toolbox-heading h3{margin:0;color:#465564;font-size:11px;white-space:nowrap}
 .estimate-tool-list{display:flex;align-items:center;gap:5px;min-width:0}
 .estimate-tool{display:flex;align-items:center;gap:6px;width:auto;min-height:32px;padding:4px 8px 4px 5px;border:1px solid #c5ccd4;border-left:3px solid var(--tool-accent,#ee791e);border-radius:5px;background:#fff;color:#283440;text-align:left;font:inherit;cursor:grab;box-shadow:0 1px 2px rgba(31,42,53,.06);transition:transform .12s,border-color .12s,background .12s,box-shadow .12s}
 .estimate-tool:hover{background:#f8fafb;border-color:#9faab6;border-left-color:var(--tool-accent,#ee791e);transform:translateY(-1px);box-shadow:0 2px 5px rgba(31,42,53,.1)}
 .estimate-tool:focus-visible{outline:3px solid rgba(238,121,30,.34);outline-offset:2px}
 .estimate-tool[aria-pressed="true"]{background:#fff;color:#20262d;border-color:var(--tool-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--tool-accent) 25%,transparent)}
 .estimate-tool.is-dragging{opacity:.55;cursor:grabbing}
 .estimate-tool-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:4px;background:var(--tool-accent);color:#fff;font-size:9px;font-weight:800;letter-spacing:.02em}
 .estimate-tool strong,.estimate-tool small{display:block;line-height:1.25}
 .estimate-tool strong{font-size:11px;white-space:nowrap}.estimate-tool small,.estimate-tool-grip{display:none}
 .estimate-tool[aria-pressed="true"] small{color:#586473}
 .estimate-tool-grip{color:#8793a2;font-size:17px;line-height:1}
 .estimate-tool-area{--tool-accent:#ee791e}.estimate-tool-layer{--tool-accent:#427b4b}.estimate-tool-regulating{--tool-accent:#a47412}.estimate-tool-planing{--tool-accent:#665188}
 .estimate-toolbox-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .estimate-canvas{min-width:0;min-height:430px;padding:0;background:transparent;border:0;border-radius:0;transition:box-shadow .12s,background .12s}
 .estimate-canvas:focus-visible{outline:3px solid rgba(238,121,30,.3);outline-offset:2px}
 .estimate-canvas.is-builder-drop-target{background:#fff8f1;border-color:#ee791e;box-shadow:inset 0 0 0 2px rgba(238,121,30,.2)}
 #estimateView .estimate-canvas #lineItems{display:grid;gap:10px;padding:0;background:transparent}
 #estimateView .estimate-canvas .estimate-visit{margin:0;padding:7px;background:#dde2e8;border:1px solid #bec6d0;border-radius:6px}
 #estimateView .estimate-canvas .visit-body{display:grid;gap:9px;padding:8px 0 0;background:transparent}
 #estimateView .estimate-canvas #lineItems .work-area{position:relative;margin:0;border:1px solid #aeb7c2!important;border-left:5px solid #ee791e!important;border-radius:6px;background:#fff;box-shadow:0 2px 5px rgba(30,38,48,.08);overflow:hidden;transition:border-color .12s,box-shadow .12s,transform .12s}
 #estimateView .estimate-canvas #lineItems .work-area.is-builder-drop-target{border-color:#ee791e!important;border-left-color:#ee791e!important;box-shadow:0 0 0 3px rgba(238,121,30,.22),0 7px 18px rgba(30,38,48,.12);transform:translateY(-1px)}
 #estimateView .estimate-canvas #lineItems .work-area.is-builder-drop-target>summary{background:#4b3426!important}
 #estimateView .estimate-canvas #lineItems .work-area.is-builder-drop-target>summary::after{content:'Drop to bolt on';margin-left:auto;padding:3px 7px;border-radius:3px;background:#ee791e;color:#fff;font-size:11px;font-weight:700}
 #estimateView .estimate-canvas #lineItems .work-area>summary{display:flex!important;align-items:center;flex-wrap:wrap;gap:7px 10px;min-height:61px;padding:8px 10px;background:#535d69!important;color:#fff;border-left:0!important;border-bottom:0!important}
 #estimateView .estimate-canvas #lineItems .work-area>summary::before{flex:0 0 auto;color:#c6ced8}
 #estimateView .estimate-canvas #lineItems .work-area-drag-handle{display:grid;place-items:center;flex:0 0 27px;width:27px;height:31px;padding:0;border:1px solid #7d8895;border-radius:4px;background:#46505b;color:#d8dee6;font:inherit;font-size:18px;line-height:1;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
 #estimateView .estimate-canvas #lineItems .work-area-drag-handle:hover{border-color:#aeb8c4;background:#3f4852;color:#fff}
 #estimateView .estimate-canvas #lineItems .work-area-drag-handle:active{cursor:grabbing}
 #estimateView .estimate-canvas #lineItems .work-area-drag-handle:focus-visible{outline:2px solid #ff9a4a;outline-offset:2px}
 #estimateView .estimate-canvas #lineItems .work-area.is-reordering{opacity:.62}
 #estimateView .estimate-canvas #lineItems .work-area.is-reorder-before{box-shadow:inset 0 5px 0 #ee791e,0 2px 5px rgba(30,38,48,.08)!important}
 #estimateView .estimate-canvas #lineItems .work-area.is-reorder-after{box-shadow:inset 0 -5px 0 #ee791e,0 2px 5px rgba(30,38,48,.08)!important}
 #estimateView .estimate-canvas #lineItems .work-area-title{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:center;flex:1 1 210px;gap:2px!important;min-width:160px}
 #estimateView .estimate-canvas #lineItems .work-area-title small{font-size:10px;color:#abb5c2;letter-spacing:.08em}
 #estimateView .estimate-canvas #lineItems .work-area-name-input{width:100%;height:29px;min-height:29px;margin:0;padding:2px 5px;border:1px solid transparent;border-radius:3px;background:transparent;color:#fff;font:inherit;font-size:16px;font-weight:700;line-height:1.25;text-overflow:ellipsis}
 #estimateView .estimate-canvas #lineItems .work-area-name-input:hover{border-color:#7a8694;background:#48515c}
 #estimateView .estimate-canvas #lineItems .work-area-name-input:focus{border-color:#ee791e;background:#3d4650;outline:2px solid rgba(238,121,30,.25);outline-offset:1px}
 #estimateView .estimate-canvas #lineItems .work-area-name-input::placeholder{color:#9fa9b6}
 #estimateView .estimate-canvas #lineItems .work-area-source{display:block;overflow:hidden;color:#aeb8c5;font-size:10px;font-weight:400;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
 #estimateView .estimate-canvas #lineItems .work-area-header-field{display:grid;flex:0 1 112px;gap:2px;min-width:88px;margin:0;color:#fff;font-weight:400}
 #estimateView .estimate-canvas #lineItems .work-area-header-field small{color:#b7c0cb;font-size:10px;line-height:1.2;white-space:nowrap}
 #estimateView .estimate-canvas #lineItems .work-area-header-field small span{color:#8995a3;text-transform:none}
 #estimateView .estimate-canvas #lineItems .work-area-header-field input{width:100%;height:29px;min-height:29px;margin:0;padding:3px 6px;border:1px solid #7a8694;border-radius:3px;background:#3d4650;color:#fff;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}
 #estimateView .estimate-canvas #lineItems .work-area-header-field input:focus{border-color:#ee791e;outline:2px solid rgba(238,121,30,.25);outline-offset:1px}
 #estimateView .estimate-canvas #lineItems .work-area-header-field input[readonly]{color:#e1e6ec;background:#46505b}
 #estimateView .estimate-canvas #lineItems .area-visit-name,#estimateView .estimate-canvas #lineItems .area-visit-days{border-color:#7a8694;background:#46505b;color:#f0f3f6}
 #estimateView .estimate-canvas #lineItems .area-visit-days strong{color:#fff}
 #estimateView .estimate-canvas #lineItems .work-area>summary [data-area-total]{order:initial;color:#dce2e9!important;font-size:12px;font-weight:650;white-space:nowrap}
 #estimateView .estimate-canvas #lineItems .work-area-header-delete{flex:0 0 auto;min-height:29px;padding:4px 8px;border:1px solid #9d5e5a;border-radius:3px;background:#442b2b;color:#ffd9d6;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
 #estimateView .estimate-canvas #lineItems .work-area-header-delete:hover{background:#5b3030;border-color:#c97872;color:#fff}
 #estimateView .estimate-canvas #lineItems .work-area-header-delete:focus-visible{outline:2px solid #ff9d96;outline-offset:2px}
 #estimateView .estimate-canvas .table-wrap{margin:0 0 7px;border:1px solid #d5dbe2;border-radius:0 0 4px 4px;box-shadow:none}
 #estimateView .estimate-canvas .table-wrap:has(.estimate-table){border-left:4px solid #427b4b}
 #estimateView .estimate-canvas .regulating-wrap{border-left:4px solid #a47412}
 #estimateView .estimate-canvas .planing-wrap{border-left:4px solid #665188}
 #estimateView .estimate-canvas :is(.estimate-table,.regulating-table,.planing-table){font-size:11px}
 #estimateView .estimate-canvas :is(.estimate-table,.regulating-table,.planing-table) th{padding:4px 5px;line-height:1.25}
 #estimateView .estimate-canvas :is(.estimate-table,.regulating-table,.planing-table) td{padding:4px 5px;vertical-align:middle}
 #estimateView .estimate-canvas #lineItems .estimate-table tbody tr.layer-tone-base>td{background:#fff0e4!important}
 #estimateView .estimate-canvas #lineItems .estimate-table tbody tr.layer-tone-binder>td{background:#fff7ed!important}
 #estimateView .estimate-canvas #lineItems .estimate-table tbody tr.layer-tone-surface>td{background:#edf7ee!important}
 #estimateView .estimate-canvas #lineItems .estimate-table tbody tr[class*="layer-tone-"]>td:first-child{box-shadow:inset 3px 0 0 var(--layer-tone-accent)}
 #estimateView .estimate-canvas #lineItems .estimate-table tbody tr.layer-tone-base{--layer-tone-accent:#d8752b}
 #estimateView .estimate-canvas #lineItems .estimate-table tbody tr.layer-tone-binder{--layer-tone-accent:#e2a14a}
 #estimateView .estimate-canvas #lineItems .estimate-table tbody tr.layer-tone-surface{--layer-tone-accent:#62a46a}
 #estimateView .estimate-canvas :is(.estimate-table,.regulating-table,.planing-table) :is(input,select){min-height:29px;height:29px;padding:3px 5px;font-size:12px}
 #estimateView .estimate-canvas .estimate-section-headings th{padding-block:4px}
 #estimateView .estimate-canvas :is(.regulating-table,.planing-table){width:100%;min-width:0;table-layout:fixed;margin:0;border-collapse:collapse}
 #estimateView .estimate-canvas .work-area>.table-wrap{margin:0;border-radius:0}
 #estimateView .estimate-canvas #lineItems :is(.estimate-table,.regulating-table,.planing-table) col:nth-child(1){width:9%!important}
 #estimateView .estimate-canvas #lineItems :is(.estimate-table,.regulating-table,.planing-table) col:nth-child(2){width:6%!important}
 #estimateView .estimate-canvas #lineItems :is(.estimate-table,.regulating-table,.planing-table) col:nth-child(3){width:33%!important}
 #estimateView .estimate-canvas #lineItems :is(.estimate-table,.regulating-table,.planing-table) col:nth-child(4){width:6%!important}
 #estimateView .estimate-canvas #lineItems :is(.estimate-table,.regulating-table,.planing-table) col:nth-child(5){width:5%!important}
 #estimateView .estimate-canvas #lineItems :is(.estimate-table,.regulating-table,.planing-table) col:nth-child(6){width:8%!important}
 #estimateView .estimate-canvas #lineItems :is(.estimate-table,.regulating-table,.planing-table) col:nth-child(7){width:9%!important}
 #estimateView .estimate-canvas #lineItems :is(.estimate-table,.regulating-table,.planing-table) col:nth-child(8){width:8%!important}
 #estimateView .estimate-canvas #lineItems :is(.estimate-table,.regulating-table,.planing-table) col:nth-child(9){width:5.5%!important}
 #estimateView .estimate-canvas #lineItems :is(.estimate-table,.regulating-table,.planing-table) col:nth-child(10){width:7.5%!important}
 #estimateView .estimate-canvas #lineItems :is(.estimate-table,.regulating-table,.planing-table) col:nth-child(11){width:3%!important}
 #estimateView .estimate-canvas :is(.regulating-table,.planing-table) :is(th,td){min-width:0;box-sizing:border-box}
 #estimateView .estimate-canvas :is(.regulating-table,.planing-table) th:nth-child(3),
 #estimateView .estimate-canvas :is(.regulating-table,.planing-table) td:nth-child(3){border-left:4px solid #fff;padding-left:6px}
 #estimateView .estimate-canvas :is(.regulating-table,.planing-table) th:nth-child(4),
 #estimateView .estimate-canvas :is(.regulating-table,.planing-table) td:nth-child(4){border-left:4px solid #fff;padding-left:6px}
 #estimateView .estimate-canvas :is(.regulating-table,.planing-table) th:nth-child(9),
 #estimateView .estimate-canvas :is(.regulating-table,.planing-table) td:nth-child(9){border-left:4px solid #fff;padding-left:6px}
 #estimateView .estimate-canvas :is(.regulating-table,.planing-table) :is(th,td):nth-child(n+4):nth-child(-n+8){background:#f7f8fa}
 #estimateView .estimate-canvas :is(.regulating-table,.planing-table) :is(th,td):nth-child(n+9){background:#eff7ec}
 #estimateView .estimate-canvas .planing-work-item{vertical-align:top;text-align:left}
 #estimateView .estimate-canvas .planing-work-item>strong{display:block;margin-bottom:4px}
 #estimateView .estimate-canvas .planing-density{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;margin-top:4px;color:#566477;font-size:10px;font-weight:600}
 #estimateView .estimate-canvas .planing-density input{min-width:0}
 #estimateView .estimate-canvas .planing-price-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-items:end}
 #estimateView .estimate-canvas .planing-price-fields label{display:grid;gap:2px;color:#566477;font-size:10px;font-weight:600;white-space:nowrap}
 #estimateView .estimate-canvas .planing-price-fields .planing-disposal>span{display:flex;align-items:center;gap:3px}
 #estimateView .estimate-canvas .planing-price-fields input[type=checkbox]{width:14px;min-width:14px;height:14px;min-height:14px;margin:0;padding:0}
 #estimateView .estimate-canvas .quantity-output-heading{display:grid;grid-template-columns:6fr 5fr 8fr 9fr 8fr;align-items:center;gap:0;width:100%}
 #estimateView .estimate-canvas .quantity-output-heading>span:first-child{grid-column:1/3;text-align:left;padding-left:5px}
 #estimateView .estimate-canvas .quantity-output-heading>.area-output-totals{display:contents}
 #estimateView .estimate-canvas .area-output-totals b{min-width:0;padding:3px 2px;border:0;background:transparent;text-align:center}
 #estimateView .estimate-canvas .area-output-totals b:first-child{grid-column:3;transform:translateX(13px)}
 #estimateView .estimate-canvas .area-output-totals b:last-child{grid-column:5;transform:translateX(10px)}
 #estimateView .estimate-canvas .work-area-layer-actions{min-height:34px;padding:5px 10px;background:#f7f8fa;border-top:1px dashed #c8d0d9;color:#65717f}
 #estimateView .estimate-canvas .work-area-layer-actions::before{content:'Drop a tool here or tap a tool, then this Work Area';font-size:11px}
 #estimateView .estimate-canvas .work-area-layer-actions>[data-add-group-layer],#estimateView .estimate-canvas .work-area-layer-actions>[data-add-regulating],#estimateView .estimate-canvas .work-area-layer-actions>[data-add-planing]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 #estimateView .estimate-canvas .work-area-layer-actions [data-area-layer-count]{margin-left:auto;font-size:11px;font-weight:700;color:#45505d}
 #estimateView .estimate-canvas .work-area-subtotal{min-height:38px;padding:7px 11px;background:#e9edf2;border-top:1px solid #c8d0da}
 #estimateView .estimate-canvas .work-area-subtotal strong{font-size:14px}
 #estimateView #lineItems.sheet-navigation-ready :is(input,select,textarea).is-sheet-active{position:relative;z-index:2;outline:2px solid #ee791e!important;outline-offset:-1px;box-shadow:0 0 0 3px rgba(238,121,30,.16)!important}
 #estimateView #lineItems.sheet-navigation-ready :is(input,select,textarea).is-sheet-active.is-sheet-editing{outline-color:#364657!important;box-shadow:0 0 0 3px rgba(54,70,87,.15)!important}
 .estimate-builder-shell[data-selected-tool]:not([data-selected-tool=""]) .estimate-canvas{box-shadow:inset 0 0 0 1px rgba(238,121,30,.14)}
 .estimate-builder-shell[data-selected-tool]:not([data-selected-tool="work-area"]):not([data-selected-tool=""]) .work-area{cursor:copy}
}
@media(max-width:950px){
 #estimateView .estimate-sticky-controls>.surfacing-heading{grid-template-columns:1fr auto}
 #estimateView .estimate-builder-metrics{grid-column:1/-1;grid-row:2}
 #estimateView .estimate-details-summary{grid-template-columns:repeat(2,minmax(100px,1fr))}
 #estimateView .estimate-details-summary>span:last-child{display:none}
 #estimateView .estimate-sticky-controls>.estimate-output-total{grid-template-columns:1fr auto}
 #estimateView .estimate-sticky-controls>.estimate-output-total>.estimate-toolbox{grid-column:1/-1;grid-row:2;justify-self:start}
}
@media(max-width:670px){
 #estimateView .estimate-sticky-controls>.surfacing-heading{grid-template-columns:1fr;padding:10px}
 #estimateView .estimate-sticky-controls>.surfacing-heading>.top-actions{grid-row:2;justify-content:flex-start;flex-wrap:wrap}
 #estimateView .estimate-builder-metrics{grid-column:1;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr))}
 #estimateView .estimate-details-panel>summary{gap:9px;padding:8px 10px}
 #estimateView .estimate-details-heading{min-width:0;padding-right:9px}
 #estimateView .estimate-details-heading .eyebrow{display:none}
 #estimateView .estimate-details-summary{display:block}
 #estimateView .estimate-details-summary>span{display:none}
 #estimateView .estimate-details-summary>span:nth-child(2){display:grid}
 #estimateView .estimate-details-action :is(.estimate-details-edit,.estimate-details-close){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 #estimateView .estimate-details-body{padding:8px}
 .estimate-builder-shell{padding:8px;gap:8px}
 #estimateView .estimate-sticky-controls>.estimate-output-total{grid-template-columns:1fr;padding:9px}
 #estimateView .estimate-sticky-controls>.estimate-output-total>.estimate-toolbox{grid-column:1;grid-row:auto;display:block;width:100%}
 #estimateView .estimate-sticky-controls>.estimate-output-total>dl{width:100%}
 .estimate-toolbox-heading{padding:0 0 6px;border:0}
 .estimate-tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .estimate-tool{width:100%;min-height:38px}
 .estimate-canvas{padding:0;min-height:330px}
 #estimateView .estimate-canvas #lineItems .work-area>summary{align-items:end}
 #estimateView .estimate-canvas #lineItems .work-area-title{flex-basis:calc(100% - 30px)}
 #estimateView .estimate-canvas #lineItems .work-area-header-field{flex:1 1 105px}
 #estimateView .estimate-canvas #lineItems .work-area>summary [data-area-total]{margin-left:22px}
 #estimateView .estimate-canvas .work-area.is-builder-drop-target>summary::after{display:none}
}
@media(max-width:760px){#estimateView>.estimate-sticky-controls{top:var(--estimate-sticky-top,0px)}}
@media(prefers-reduced-motion:reduce){.estimate-tool,.estimate-canvas,#estimateView .estimate-canvas .work-area{transition:none}}

.work-area-quote-basis{display:inline-flex;align-items:center;gap:6px;margin-left:auto;white-space:nowrap;font-size:13px}.work-area-quote-basis input[type=checkbox]{width:16px;height:16px;min-width:16px;margin:0}.work-area-subtotal [data-area-quote-basis]:empty{display:none}

/* Keep the rate-only control in the visible work-area header. */
#estimateView .estimate-canvas #lineItems .work-area>summary .work-area-quote-basis{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;align-self:center;margin:0 0 0 auto;color:inherit;font-size:12px;font-weight:600;cursor:pointer}
#estimateView .estimate-canvas #lineItems .work-area>summary .work-area-quote-basis+ .work-area-header-duplicate{margin-left:0}
@media screen and (max-width:1100px){
 #estimateView .estimate-canvas #lineItems details.work-area:not(.work-area-linear)>summary{flex-wrap:wrap}
 #estimateView .estimate-canvas #lineItems details.work-area:not(.work-area-linear)>summary .work-area-title{flex:1 1 250px;max-width:none}
 #estimateView .estimate-canvas #lineItems details.work-area:not(.work-area-linear)>summary .work-area-header-metrics{display:flex}
 #estimateView .estimate-canvas #lineItems details.work-area:not(.work-area-linear)>summary .work-area-header-metrics>span{position:static;transform:none}
}