.commerce{padding-block:48px 80px}.commerce .heading{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:32px}.commerce h1{font-size:clamp(36px,5vw,64px);line-height:1.05;margin:0 0 18px}.commerce h2{font-size:30px;margin:0 0 22px}.commerce h3{font-size:22px}.commerce p{max-width:70ch}.commerce .panel{border:1px solid var(--rule,#bcb8af);background:#f7f5ef;padding:28px;margin-bottom:24px}.commerce .columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.commerce .field{display:block;margin:0 0 18px;font-size:14px}.commerce .field>span{display:block;margin-bottom:7px}.commerce input,.commerce textarea,.commerce select{width:100%;font:inherit;color:inherit;background:#fffefa;border:1px solid #938e83;border-radius:0;padding:12px;min-height:44px}.commerce input[type=checkbox]{width:20px;min-height:20px;vertical-align:middle;margin-right:8px}.commerce label.check{display:block;margin:20px 0}.commerce .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}.commerce .actions .btn{min-height:44px}.commerce .quiet{font-size:14px;color:#55594f}.commerce .status-tag{display:inline-block;padding:7px 12px;background:#dae5d9;color:#173f32;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.commerce .summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.commerce .summary>div{border-top:1px solid #8d9688;padding:15px 0}.commerce .summary strong{display:block;font-size:28px;font-weight:500}.commerce .table-wrap{overflow:auto}.commerce table{border-collapse:collapse;width:100%;font-size:14px}.commerce th,.commerce td{text-align:left;border-bottom:1px solid #d0cdc3;padding:12px 8px;vertical-align:top}.commerce td:last-child,.commerce th:last-child{text-align:right}.commerce .line-row{display:grid;grid-template-columns:3fr 1fr 1fr auto;gap:10px;align-items:end;margin-bottom:12px}.commerce .line-row .field{margin:0}.commerce button{cursor:pointer}.commerce button:disabled{opacity:.55;cursor:wait}.commerce .error{color:#7e241b;background:#f8e8e0;padding:14px;border-left:3px solid #7e241b}.commerce .local-banner{padding:12px 16px;background:#e7dfc9;color:#443c2b;font-size:14px;margin-bottom:24px}.commerce pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.commerce .private-link{overflow-wrap:anywhere;display:block}.commerce #messages:empty{display:none}.commerce [hidden]{display:none!important}.commerce .list-button{background:none;border:0;color:#173f32;text-decoration:underline;padding:8px;font:inherit;min-height:44px}.commerce .audit{font-size:12px;overflow-wrap:anywhere}.commerce .audit li{margin:10px 0}.commerce details{margin:20px 0}.commerce summary{cursor:pointer;padding:12px 0}.commerce .full{grid-column:1/-1}.commerce .mono{font-family:monospace}.commerce .number{text-align:right}.commerce .btn.danger{background:#783f33;color:white;border-color:#783f33}.commerce #invoice-body{max-width:1000px;margin:auto}@media(max-width:700px){.commerce{padding-top:28px}.commerce .heading{display:block}.commerce .columns{grid-template-columns:1fr}.commerce .panel{padding:18px}.commerce .line-row{grid-template-columns:1fr 1fr}.commerce .line-row .field:first-child{grid-column:1/-1}.commerce .summary{grid-template-columns:1fr}.commerce .summary strong{font-size:24px}.commerce .actions .btn{flex-grow:1;justify-content:center}.commerce h2{font-size:26px}}@media print{.no-print,.site-header,.site-footer,#messages,.commerce .local-banner{display:none!important}.commerce{padding:0}.commerce .panel{border:0;background:white;padding:0}.commerce .summary{grid-template-columns:repeat(3,1fr)}.commerce #invoice-body{max-width:none}body{background:white;color:black}.commerce a{color:black}.commerce table{font-size:11pt}.commerce .columns{grid-template-columns:1fr 1fr}}
.commerce section{padding-block:0}.commerce .panel{overflow-wrap:anywhere}.commerce .status-tag+p{margin-top:18px}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}

.commerce .invoice-lines td:not(:first-child){white-space:nowrap;overflow-wrap:normal}.commerce .invoice-lines abbr{text-decoration:none}@media(max-width:700px){.commerce .invoice-lines{font-size:12px}.commerce .invoice-lines th,.commerce .invoice-lines td{padding:12px 4px}.commerce .invoice-lines th:first-child{width:40%}}

.commerce .overdue-tag{display:inline-block;padding:7px 12px;border:1px solid #8b3828;background:#f8e8e0;color:#71271c;font-size:14px}.skip-link{font:inherit;border:0;cursor:pointer}

.commerce .overdue-tag{white-space:nowrap}@media(max-width:700px){.commerce .records-table thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.commerce .records-table tbody,.commerce .records-table tr{display:block}.commerce .records-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid #bcb8af;padding:16px 0}.commerce .records-table td{display:block;border:0;padding:8px 4px;text-align:left}.commerce .records-table td:nth-child(1),.commerce .records-table td:nth-child(2),.commerce .records-table td:nth-child(5){grid-column:1/-1}.commerce .records-table td:before{content:attr(data-label);display:block;font-size:12px;font-weight:600;color:#55594f;margin-bottom:5px}.commerce .records-table .list-button{padding:0;text-align:left;white-space:nowrap}.commerce .records-table td:nth-child(4),.commerce .records-table td:nth-child(5){white-space:nowrap}}

@media print{.commerce h1,.commerce h2,.commerce h3,.commerce h4,.commerce h5,.commerce h6{color:#000!important}}

/* Quoted scope and complete invoice review. */
.commerce .quote-stage{border:1px solid #bcb8af;padding:20px;margin:20px 0;min-width:0}.commerce .quote-stage h3{margin-top:0}.commerce .quote-line{display:grid;grid-template-columns:minmax(180px,3fr) minmax(80px,1fr) minmax(100px,1fr) minmax(150px,2fr) auto;gap:10px;align-items:end;margin:20px 0}.commerce .quote-line .field{margin:0}.commerce .invoice-line-edit{grid-template-columns:minmax(180px,3fr) minmax(80px,1fr) minmax(100px,1fr) minmax(90px,1fr) auto}.commerce .invoice-document h1,.commerce .invoice-document h2,.commerce .invoice-document h3,.commerce .invoice-document h4,.commerce .invoice-document h5,.commerce .invoice-document h6{color:#000!important}.commerce .invoice-document .invoice-customer{font-size:24px;margin:0 0 12px}.commerce .invoice-parties{margin:24px 0}.commerce .invoice-details{display:grid;grid-template-columns:1fr 1.5fr;gap:8px 18px;font-size:14px}.commerce .invoice-details dt{color:#55594f}.commerce .invoice-details dd{margin:0;overflow-wrap:anywhere}.commerce .invoice-totals{display:flex;justify-content:flex-end;margin:28px 0}.commerce .invoice-totals dl{display:grid;grid-template-columns:2fr 1fr;gap:10px 28px;min-width:390px}.commerce .invoice-totals dd{margin:0;text-align:right;white-space:nowrap;overflow-wrap:normal}.commerce .invoice-totals .total-label,.commerce .invoice-totals .total-value{border-top:1px solid #8d9688;padding-top:12px;font-weight:600}.commerce .invoice-totals .total-value{font-size:25px}.commerce .pending-value{font-style:italic;color:#625647}.commerce .draft-notice{padding:16px;border:1px solid #b4aa92;background:#eee9dc;max-width:none}.commerce .invoice-lines td:nth-child(2){white-space:normal;overflow-wrap:anywhere}.commerce .invoice-lines td:first-child{white-space:nowrap}.commerce .invoice-lines th:first-child{width:auto}.commerce .invoice-lines th:nth-child(2){width:48%}
@media(max-width:700px){.commerce .quote-line,.commerce .invoice-line-edit{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.commerce .quote-line .field:first-child,.commerce .invoice-line-edit .field:first-child{grid-column:1/-1}.commerce .invoice-details{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px 12px}.commerce .invoice-totals dl{min-width:0;width:100%;gap:8px 14px;grid-template-columns:minmax(0,1fr) max-content}.commerce .invoice-totals .total-value{font-size:22px}.commerce .invoice-lines{min-width:570px}.commerce .invoice-document h1{font-size:36px}.commerce .invoice-document .invoice-customer{font-size:22px}}
@media print{.commerce #app:has(#draft-preview)>:not(.draft-panel){display:none!important}.commerce .draft-panel>.no-print{display:none!important}.commerce .draft-panel{border:0;padding:0;background:#fff}.commerce .invoice-document{font-size:11pt}.commerce .invoice-document h1{font-size:28pt}.commerce .invoice-document .invoice-customer{font-size:17pt}.commerce .invoice-lines{min-width:0}.commerce .invoice-parties,.commerce .invoice-totals,.commerce tr{break-inside:avoid}.commerce .draft-notice{background:#fff}.commerce .invoice-lines th:nth-child(2){width:48%}}

.commerce .invoice-scroll-hint{display:none}@media(max-width:700px){.commerce .invoice-scroll-hint{display:block;font-size:12px;color:#55594f;margin-bottom:6px}}@media print{.commerce .invoice-scroll-hint{display:none!important}}
