.commercial{max-width:1055px;margin:auto}.commercial header{margin-bottom:14px}.commercial h1{font-size:27px;line-height:33px;margin:0 0 10px;letter-spacing:-.025em}.commercial header p{font-size:12px;color:var(--muted);margin:0}.commercial .card{position:relative;border-radius:15px;padding:14px;margin-bottom:12px;box-shadow:0 3px 12px #14261c0d}.commercial .card h2{font-size:16px;line-height:21px;margin:0 0 8px}.commercial .card p{font-size:12px;line-height:17px;color:var(--muted);margin:8px 0;overflow-wrap:anywhere}.commercial .commercial-feature{background:var(--surface-2);border-color:var(--line);padding:16px}.commercial-eyebrow{display:block;font-size:10px;font-weight:700;color:var(--accent);text-transform:uppercase;margin-bottom:8px}.commercial-feature h2{font-size:18px!important}.commercial-filters{display:flex;gap:7px;overflow:auto;margin-bottom:12px}.commercial-filters .btn{font-size:11px;min-height:32px;padding:8px;min-width:55px}.commercial-list{display:grid;gap:0}.commercial-quote{display:block;text-align:left;color:var(--text);width:100%}.commercial-quote>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.commercial-quote b{font-size:15px}.commercial-quote .pill{font-size:10px;min-width:100px}.commercial-quote small{font-size:10px;color:var(--muted)}.commercial-main-action{width:100%;min-height:44px}.commercial-builder-progress>div{display:flex;gap:4px}.commercial-builder-progress i{height:4px;flex:1;background:var(--line);border-radius:5px}.commercial-builder-progress i.complete{background:var(--accent)}.commercial-item,.commercial-draw{display:grid;gap:10px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.commercial-item label,.commercial-draw label{display:grid;gap:7px;font-size:12px;color:var(--muted)}.commercial label:has(+textarea){font-size:12px;color:var(--muted)}.commercial input,.commercial select,.commercial textarea{font:inherit;font-size:14px;width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:10px 12px}.commercial textarea{min-height:82px;resize:vertical}.commercial-scope{padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.commercial-scope:last-child{border:0}.commercial-total{display:block;font-size:29px;color:var(--accent);line-height:35px;margin:8px 0}.commercial .commercial-proposal-title{font-size:25px!important;line-height:30px}.commercial-pair{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.commercial-pair b{color:var(--text)}.commercial-pair small{display:block;margin-top:4px}.commercial-terms{white-space:pre-wrap}.commercial .actions{margin:14px 0}.commercial details{margin-top:12px;font-size:12px;color:var(--muted)}.commercial summary{cursor:pointer}.commercial-billing-progress{display:flex;height:7px;overflow:hidden;background:var(--line);border-radius:4px}.commercial-billing-progress i:first-child{background:var(--accent)}.commercial-billing-progress i+ i{background:#e4b76e}.commercial-print{font-family:Arial,sans-serif;color:#17211d;max-width:800px;margin:36px auto;padding:20px}.commercial-print .card{border:1px solid #dfe5df;border-radius:14px;padding:16px;margin:14px 0;break-inside:avoid}.commercial-print .commercial-feature{background:#f1f4f0}.commercial-print h2{font-size:18px}.commercial-print .commercial-total{color:#185a3d}.commercial-print .commercial-terms{white-space:pre-wrap}.commercial-print .commercial-scope{margin:12px 0}.commercial-print .commercial-eyebrow{color:#185a3d}@media(min-width:1050px){.commercial h1{font-size:30px;line-height:36px}.commercial header{margin-bottom:22px}.commercial .card{padding:19px}.commercial-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.commercial-main-action{max-width:240px}.commercial .card p{font-size:14px;line-height:20px}.commercial-item,.commercial-draw{max-width:720px}.commercial input,.commercial textarea,.commercial select{max-width:720px}}@media print{.commercial-print{margin:0;padding:0}.commercial-print button{display:none}.commercial-print .card{box-shadow:none}.commercial-print .commercial-total{font-size:26px}@page{size:letter;margin:18mm}}
.app-help-search{display:block;margin:18px 0;font-size:13px;color:var(--muted)}.app-help-search input{display:block;width:100%;margin-top:8px;min-height:46px;border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--text);background:var(--surface)}.app-help-guide{margin-bottom:14px}.app-help-guide ol,.app-guide-walkthrough ol{padding-left:20px;font-size:13px;line-height:21px}.app-help-guide li,.app-guide-walkthrough li{margin-bottom:12px}.app-help-guide[hidden]{display:none}.app-help-guide .fw-text-action{min-height:44px}
.nav button[data-tab="quotes"]{display:none!important;--nav-icon:url('/icons/fieldwork-takeoffs.svg')}@media(min-width:1050px){body[data-role="admin"] .nav button[data-tab="quotes"]{display:flex!important}}

.commercial details.commercial-item,.commercial details.commercial-draw{display:block;margin:0 0 10px;padding:0 0 10px}.commercial-item>summary,.commercial-draw>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;list-style:none;color:var(--text)}.commercial-item>summary::-webkit-details-marker,.commercial-draw>summary::-webkit-details-marker{display:none}.commercial-item>summary b,.commercial-draw>summary b{font-size:13px}.commercial-item>summary small,.commercial-draw>summary small{display:block;color:var(--muted);font-size:12px;line-height:17px;margin-top:5px;overflow-wrap:anywhere}.commercial-edit{color:var(--accent);font-size:11px;font-weight:600}.commercial-editor{display:grid;gap:10px;margin-top:14px}.commercial-item[open] .commercial-edit,.commercial-draw[open] .commercial-edit{font-size:0}.commercial-item[open] .commercial-edit:after,.commercial-draw[open] .commercial-edit:after{content:'Close';font-size:11px}.commercial summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:5px}

.commercial .commercial-feature{background:var(--surface-2)!important}.commercial-quote .pill{font-size:10px!important;min-width:80px;text-align:center}.commercial-quote .pill.warn{min-width:128px}.commercial-filters .btn:nth-child(2),.commercial-filters .btn:nth-child(3){min-width:65px}.commercial-filters .btn:nth-child(4){min-width:93px}.commercial-feature>p{font-size:11px}.commercial input:focus-visible,.commercial textarea:focus-visible,.commercial select:focus-visible,.app-help-search input:focus-visible{outline-width:1.5px;outline-offset:1px}.app-help .fw-operation-highlight{background:var(--surface-2)!important}

/* Customer proposal v2: Figma 129:2 / 129:126, using the shared Fieldwork tokens. */
.customer-proposal{display:grid;gap:16px;max-width:1032px;overflow-wrap:anywhere}
.page:has(.customer-proposal){padding-left:16px!important;padding-right:16px!important}
.customer-proposal .card{padding:16px;border-radius:14px!important;margin:0;background:var(--surface);box-shadow:none!important}
.customer-proposal .card h2{font-size:18px;line-height:23px;font-weight:600;margin:0}
.customer-proposal .card p,.customer-proposal header p{font-size:15px;line-height:22px;font-weight:400;margin:16px 0 0;color:var(--muted)}
.customer-proposal-back{justify-self:start;font-size:13px;line-height:18px;min-height:44px;text-align:left}
.customer-proposal header{margin:0;display:grid;gap:16px}
.customer-proposal header h1{font-size:24px;line-height:29px;font-weight:600;letter-spacing:0;margin:0}
.customer-proposal header p{margin:0}
.customer-proposal .commercial-eyebrow{font-size:12px;line-height:16px;font-weight:500;margin:0}
.customer-proposal .customer-proposal-status{background:color-mix(in srgb,var(--accent) 7%,var(--surface))!important;border-color:var(--line)}
.customer-proposal-status h2{color:var(--accent)}
.customer-proposal .customer-proposal-status.is-approved{background:var(--surface-3)!important}
.customer-proposal-status.is-approved h2{color:var(--success)}
.customer-proposal-status small{display:block;margin-top:12px;font-size:12px;line-height:16px;color:var(--muted)}
.customer-proposal-layout,.customer-proposal-content{display:grid;gap:16px;min-width:0}
.customer-proposal-price{min-width:0}
.customer-proposal .customer-proposal-price h2{font-size:12px;line-height:16px;font-weight:500;text-transform:uppercase;color:var(--muted)}
.customer-proposal .commercial-total{font-size:32px;line-height:36px;font-weight:700;margin:16px 0 0;overflow-wrap:anywhere}
.customer-proposal-first{display:block;font-size:13px;line-height:18px;font-weight:500;margin-top:16px}
.customer-proposal-items{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:16px}
.customer-proposal-item{padding:12px 0;display:grid;gap:8px;min-width:0}
.customer-proposal-item h3{font-size:18px;line-height:23px;font-weight:600;margin:0}
.customer-proposal .customer-proposal-item>p{margin:0}
.customer-proposal-item>strong{font-size:13px;line-height:18px;font-weight:500}
.customer-proposal-terms{font-size:15px;line-height:22px;margin-top:16px}
.customer-proposal-actions{display:grid;gap:16px;margin-top:16px}
.customer-proposal-actions .btn,.customer-proposal-invoice .btn{font-size:15px;font-weight:600;min-height:48px;width:100%}
.customer-proposal-decision>small,.customer-proposal footer{display:block;color:var(--muted);font-size:12px;line-height:16px}
.customer-proposal-decision>small{margin-top:16px}
.customer-proposal-invoice{border-top:1px solid var(--line);padding-top:12px;margin-top:4px;display:grid;gap:12px}
.customer-proposal .customer-proposal-invoice p{margin:0;font-size:13px;line-height:20px}
.customer-proposals header p{font-size:15px;line-height:22px;max-width:620px}
.customer-proposal-list{gap:16px;margin-bottom:16px}
.commercial .customer-proposal-card{padding:20px;display:grid;gap:16px;margin:0;box-shadow:none;min-width:0}
.commercial .customer-proposal-card>.commercial-eyebrow{display:block;margin:0;font-size:12px;line-height:16px}
.customer-proposal-card-title{font-size:20px;line-height:26px;font-weight:600;overflow-wrap:anywhere}
.commercial .customer-proposal-card>.customer-proposal-card-price{display:grid;justify-content:start;gap:4px;font-size:24px;line-height:29px;font-weight:600;color:var(--accent)}
.customer-proposal-card-price small{font-size:12px;font-weight:400;color:var(--muted)}
.commercial .customer-proposal-card-footer{flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;font-size:13px;font-weight:600;color:var(--accent)}
.customer-proposal-card .pill{min-width:0!important;font-size:12px!important}
@media(min-width:1050px){
  .customer-proposal-layout{grid-template-columns:minmax(0,1fr) 342px;grid-template-rows:min-content min-content 1fr;column-gap:24px;align-items:start}
  .customer-proposal-content{grid-column:1;grid-row:1/4}
  .customer-proposal-price{grid-column:2;grid-row:1}
  .customer-proposal-decision{grid-column:2;grid-row:2}
}