/* Invoice layout uses the shared Ybarra palette and system typography. */
body.invoice-app{background:#f7f4ee;color:#29241e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.invoice-app .manager-top{padding:16px 32px;background:#29241e;border:0;box-shadow:none}
.invoice-app .manager-top strong{font-size:18px;letter-spacing:.09em}.invoice-app .manager-top small{font-size:9px;letter-spacing:.14em}
.invoice-app .manager-top .btn{border:1px solid #656568;border-radius:20px;font-size:13px;background:transparent;color:#fff}
.invoice-shell{--ink:#29241e;--muted:#636366;--line:#e4ded4;--panel:#fff;--cream:#f7f4ee;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1500px;padding:16px 32px 56px;font-family:var(--font-sans);line-height:1.5}
.invoice-shell :is(h1,h2,h3,h4){font-family:inherit;color:#29241e;letter-spacing:-.025em}.invoice-shell h3{font-size:17px}
.invoice-shell .invoice-heading{margin:20px 0 24px;align-items:flex-end}.invoice-shell .invoice-heading h1{font-size:36px;font-weight:700;letter-spacing:-.045em;line-height:1.15;margin:8px 0}
.invoice-shell .invoice-heading p{color:#6e6e73;font-size:15px;margin:0}.invoice-shell .eyebrow{font-size:10px;font-weight:650;letter-spacing:.16em;color:#6e6e73}
.invoice-shell .btn{font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;letter-spacing:0;text-transform:none;padding:10px 16px;min-height:40px;border-radius:10px;box-shadow:none;transition:background-color .15s ease,border-color .15s ease}
.invoice-shell .btn-primary{background:#85341e;border:1px solid #85341e;color:white}.invoice-shell .btn-primary:hover{background:#6b2918;border-color:#6b2918}
.invoice-shell .btn-outline{background:#fff;border:1px solid #d2d2d7;color:#353538}.invoice-shell .btn-outline:hover{background:#f7f4ee;border-color:#a1a1a6}
.invoice-shell .btn:disabled{opacity:.48}.invoice-shell .invoice-delete-draft{color:#b32a24;background:transparent;border-color:transparent;margin-left:auto}
.invoice-shell :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #85341e;outline-offset:3px}
.invoice-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font:inherit;font-size:14px;line-height:1.4;padding:10px 12px;border:1px solid #d2d2d7;background:#fff;color:#29241e;border-radius:9px;box-shadow:none;min-height:42px;box-sizing:border-box}
.invoice-shell input[type=checkbox]{accent-color:#85341e;width:17px;height:17px;vertical-align:middle;margin-right:6px}.invoice-shell .field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:500;color:#56565b;margin:0}
.invoice-shell .invoice-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:5px;background:#eee8de;border-radius:13px;margin:20px 0 24px;max-width:100%;scrollbar-width:thin}
.invoice-shell .invoice-tabs .btn{flex:1 0 auto;min-height:36px;border:0;background:transparent;color:#515156;border-radius:9px;font-size:12px;padding:9px 12px;white-space:nowrap}
.invoice-shell .invoice-tabs .active{background:white;color:#29241e;box-shadow:0 1px 5px #00000013}
.invoice-shell .card{background:#fff;border:1px solid #e4ded4;border-radius:18px;box-shadow:0 2px 8px #00000003}
.invoice-shell .invoice-notice{background:#faf3e7;border:1px solid #e7dbc6;border-radius:12px;padding:12px 16px;color:#58452b;font-size:13px}.invoice-shell .invoice-notice.error{background:#fff1ef;border-color:#f4c5bf;color:#923029}.invoice-shell .invoice-notice:empty{display:none}
.invoice-shell .invoice-record-meta{color:#6e6e73;font-size:11px}.invoice-shell .invoice-small,.invoice-shell .invoice-form-note{color:#636366;font-size:12px;line-height:1.6}
.invoice-shell .invoice-status{border-radius:20px;background:#eeeef1;color:#545459;font-size:11px;font-weight:600;padding:5px 10px}.invoice-shell .invoice-status.approved{background:#eaf5ee;color:#24633c}.invoice-shell .invoice-status.failed,.invoice-shell .invoice-status.returned{background:#fff1e8;color:#8a4514}.invoice-shell .invoice-warning{color:#923d1c}
.invoice-shell .invoice-workflow{display:flex;justify-content:space-between;align-items:center;gap:28px;border:0;background:transparent;padding:20px 0 10px;margin:12px 0}
.invoice-shell .invoice-workflow h2{font-size:22px;margin:0 0 5px}.invoice-shell .invoice-workflow p{font-size:13px;max-width:58ch;margin:0 0 10px;color:#636366}.invoice-shell .invoice-workflow .btn{padding:7px 12px;min-height:34px;font-size:12px}
.invoice-shell .workflow-steps{display:flex;gap:18px;margin:0;flex-shrink:0}.invoice-shell .workflow-steps li{flex-direction:column;gap:6px;text-align:center;font-size:11px;min-width:44px}.invoice-shell .workflow-steps li>span:first-child{width:26px;height:26px;background:#eee8de;border:0;color:#78787d;font-size:11px}.invoice-shell .workflow-steps li.is-complete>span:first-child{background:#85341e;color:#fff}.invoice-shell .workflow-steps small{display:none}
.invoice-shell #invoice-independent-status{margin:0 0 20px;font-size:11px;max-width:100%;color:#636366}
.invoice-shell .invoice-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.65fr);gap:24px}.invoice-shell .invoice-original{padding:22px;top:20px}.invoice-shell .invoice-original h3{margin:0 0 8px}.invoice-shell .invoice-original img{border-radius:7px;background:#fafafa}.invoice-shell .invoice-original iframe{border:1px solid #e4ded4;border-radius:8px;height:58vh}.invoice-shell .invoice-original .invoice-file-label{margin-top:18px}.invoice-shell .invoice-file-label input{max-width:100%;font-size:12px;padding:8px}.invoice-shell .invoice-original .invoice-section p{font-size:12px}.invoice-shell .invoice-original select{margin:8px 0 12px}.invoice-shell .invoice-scan-choice{margin-top:22px}
.invoice-shell .invoice-editor{padding:28px}.invoice-shell .invoice-section{border-color:#e4ded4;margin-top:26px;padding-top:22px}.invoice-shell .invoice-grid{gap:16px}.invoice-shell .invoice-details-section{padding:4px 0 8px}.invoice-shell .invoice-details-section h3{margin:18px 0 16px}
.invoice-shell details{margin:18px 0}.invoice-shell details>summary{font-size:13px;color:#515156;line-height:1.5}.invoice-shell details>summary:focus-visible{border-radius:5px}.invoice-shell details[open]>summary{margin-bottom:12px}
.invoice-shell .invoice-quick-summary{border:0;border-bottom:1px solid #e4ded4;background:#fff;border-radius:0;padding:0 0 24px;margin:0 0 20px}.invoice-shell .invoice-quick-summary>.invoice-toolbar{justify-content:space-between}.invoice-shell .invoice-quick-summary h3{font-size:13px;color:#6e6e73;font-weight:500}
.invoice-shell .invoice-totals{gap:0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:18px 0}.invoice-shell .invoice-quick-summary .invoice-totals{grid-template-columns:1.4fr 1fr 1fr}.invoice-shell .invoice-total{background:transparent;border-radius:0;padding:0 16px;border-left:1px solid #e4ded4}.invoice-shell .invoice-total:first-child{padding-left:0;border-left:0}.invoice-shell .invoice-total small{color:#6e6e73;font-size:11px;text-transform:none;letter-spacing:0}.invoice-shell .invoice-total strong{font-size:24px;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-top:4px}.invoice-shell .invoice-quick-summary .invoice-total:first-child strong{font-size:34px;line-height:1.25}
.invoice-shell .invoice-quick-categories{background:#f7f4ee;border-radius:12px;padding:6px 16px}.invoice-shell .invoice-quick-categories>div{padding:9px 0;font-size:12px;border-color:#e4ded4}.invoice-shell .invoice-quick-categories>div:last-child{border:0}.invoice-shell .invoice-quick-categories strong{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.invoice-shell .invoice-quick-categories small{color:#6e6e73}.invoice-shell .invoice-quick-summary>.invoice-small{font-size:11px;margin:10px 0 0}
.invoice-shell .invoice-line{background:#fafafa;border-color:#e4ded4;border-radius:12px}.invoice-shell .invoice-quick-line{background:#fff;border:0;border-bottom:1px solid #e4ded4;border-radius:0;padding:0;margin:0}.invoice-shell .invoice-quick-line>summary{padding:17px 0;gap:12px;font-size:13px;font-weight:550;margin:0;list-style:none}.invoice-shell .invoice-quick-line>summary::-webkit-details-marker{display:none}.invoice-shell .invoice-quick-line>summary::before{font-size:12px;color:#86868b}.invoice-shell .invoice-quick-line>summary small{font-size:11px;color:#6e6e73;margin-top:3px}.invoice-shell .invoice-quick-line>summary strong{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap;color:#29241e}.invoice-shell .invoice-quick-line[open]>summary{color:#29241e}.invoice-shell .invoice-quick-line-body{background:#f7f4ee;border:0;border-radius:12px;padding:18px;margin:0 0 16px}.invoice-shell .invoice-quick-line-body .invoice-toolbar{font-size:12px;margin:14px 0 0}.invoice-shell .invoice-quick-line-body .btn{font-size:12px;padding:8px 12px}.invoice-shell .invoice-quick-allocation{gap:14px;margin:16px 0}.invoice-shell .invoice-quick-allocation>details{margin:0}.invoice-shell .invoice-quick-allocation>details[open] .field{margin-top:12px}
.invoice-shell .invoice-review-checklist{border:1px solid #e4ded4;border-radius:12px;padding:16px}.invoice-shell .invoice-check-group{padding:12px 0;margin:0;border-top:1px solid #e4ded4;font-size:12px}.invoice-shell .invoice-check-group:first-child{border-top:0}.invoice-shell .invoice-check-group p{margin:5px 0;color:#636366}.invoice-shell .invoice-check-group span{background:#f0f0f3;border-radius:20px;padding:2px 7px;margin-left:6px}.invoice-shell .invoice-check-group li{padding:4px 0}.invoice-shell .invoice-scan-notes{font-size:12px;color:#636366}.invoice-shell .invoice-scan-notes ul{max-height:240px;overflow:auto;padding-left:20px}.invoice-shell .invoice-scan-notes li{margin:8px 0;overflow-wrap:anywhere}.invoice-shell .invoice-review-notes .field{margin-top:12px}
.invoice-shell .invoice-sticky-actions{background:#ffffffee;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #e4ded4;border-radius:14px;padding:12px;margin-top:24px;bottom:12px;box-shadow:0 6px 24px #0000000a}.invoice-shell .invoice-issues{background:#fff5e9;border:1px solid #f0dfc5;border-radius:12px}.invoice-shell .invoice-history p{border-color:#e4ded4}
.invoice-shell th{background:#f7f4ee;color:#6e6e73;letter-spacing:.04em}.invoice-shell td{border-color:#e4ded4;padding:16px 12px}.invoice-shell td small{color:#6e6e73}.invoice-shell .invoice-filters{padding:20px;gap:16px}.invoice-shell .invoice-attention{padding:22px}.invoice-shell .invoice-rule{border-radius:12px}.invoice-shell .invoice-badge{background:#eeeef1;border-radius:6px}
.invoice-sort-dialog{width:min(620px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:0;background:transparent;overflow:auto}.invoice-sort-dialog::backdrop{background:#0b090780}.invoice-sort-dialog .invoice-sort-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 14px;padding:16px 20px}.invoice-sort-dialog .invoice-sort-controls header{grid-column:1/-1;display:flex;justify-content:space-between;align-items:start;gap:14px}.invoice-sort-dialog .invoice-sort-controls header h2,.invoice-sort-dialog .invoice-sort-controls header p{margin:0}.invoice-sort-dialog .invoice-sort-controls .field{min-width:0}.invoice-sort-dialog .invoice-sort-controls #invoice-sort-direction[hidden]{display:none}.invoice-sort-dialog .invoice-sort-controls>p{grid-column:1/-1;margin:0;max-width:80ch}
@media(max-width:1050px){.invoice-shell .invoice-layout{grid-template-columns:minmax(0,1fr)}.invoice-shell .invoice-original{order:2;position:static}.invoice-shell .invoice-editor{order:1}.invoice-shell .invoice-workflow{gap:20px}.invoice-shell .workflow-steps{gap:12px}}
@media(max-width:650px){.invoice-app .manager-top{padding:14px 18px}.invoice-shell{padding:12px 14px 32px}.invoice-shell .invoice-heading{gap:20px;margin:18px 4px}.invoice-shell .invoice-heading h1{font-size:30px}.invoice-shell .invoice-heading>.invoice-toolbar{width:100%}.invoice-shell .invoice-heading .field{flex:1}.invoice-shell .invoice-tabs{margin:20px 0}.invoice-shell .invoice-workflow{align-items:flex-start;flex-direction:column;padding:16px 4px}.invoice-shell .workflow-steps{justify-content:space-between;width:100%;padding:0 4px}.invoice-shell .invoice-workflow h2{font-size:21px}.invoice-shell .invoice-editor,.invoice-shell .invoice-original{padding:20px 16px;border-radius:16px}.invoice-shell .invoice-record-meta{flex-basis:100%;font-size:10px}.invoice-shell .invoice-grid{grid-template-columns:minmax(0,1fr)}.invoice-shell .invoice-totals{grid-template-columns:1fr;gap:16px}.invoice-shell .invoice-quick-summary .invoice-totals{grid-template-columns:1.35fr 1fr 1fr;gap:0}.invoice-shell .invoice-total{padding:0 9px}.invoice-shell .invoice-total strong{font-size:18px}.invoice-shell .invoice-quick-summary .invoice-total:first-child strong{font-size:26px}.invoice-shell .invoice-total small{font-size:10px}.invoice-shell .invoice-quick-line-body{padding:14px}.invoice-shell .invoice-quick-line>summary{font-size:12px;gap:9px}.invoice-shell .invoice-quick-allocation{grid-template-columns:minmax(0,1fr)}.invoice-shell .invoice-sticky-actions{position:static;backdrop-filter:none}.invoice-shell .invoice-sticky-actions .btn{flex:1 1 auto}.invoice-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px;min-height:44px}.invoice-shell :is(.btn,summary){min-height:44px}.invoice-shell summary{box-sizing:border-box;padding-top:10px;padding-bottom:10px}.invoice-shell .invoice-tabs .btn{min-height:40px}.invoice-shell .invoice-quick-summary>.invoice-toolbar{gap:8px}.invoice-shell .invoice-quick-categories{padding:4px 12px}.invoice-shell .invoice-quick-categories>div{font-size:11px}.invoice-shell .invoice-quick-categories small{display:block}}
@media(prefers-reduced-motion:reduce){.invoice-shell .btn{transition:none}}
@media print{body.invoice-app{background:#fff}.invoice-shell .invoice-sticky-actions{position:static;box-shadow:none;backdrop-filter:none}.invoice-shell .invoice-original{position:static}}

/* Keep the active invoice near the top, especially on a phone. */
.invoice-shell.invoice-editing .invoice-heading .eyebrow,.invoice-shell.invoice-editing .invoice-heading p{display:none}
.invoice-shell.invoice-editing .invoice-heading{margin:8px 0 16px;align-items:center}
.invoice-shell.invoice-editing .invoice-heading h1{font-size:28px;margin:0}
.invoice-shell.invoice-editing .invoice-tabs{margin:12px 0 18px}
.invoice-shell.invoice-editing .workflow-copy{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center}
.invoice-shell.invoice-editing .workflow-copy h2{margin:0}
.invoice-shell.invoice-editing .workflow-copy p{grid-column:1/-1;grid-row:2;margin:0}
.invoice-shell.invoice-editing .workflow-copy .btn{grid-column:2;grid-row:1}
@media(max-width:650px){.invoice-shell .invoice-heading{align-items:flex-start}.invoice-shell.invoice-editing .invoice-heading{align-items:flex-start;gap:12px;margin:6px 4px 14px}.invoice-shell.invoice-editing .invoice-heading h1{font-size:25px}.invoice-shell.invoice-editing .invoice-workflow{gap:14px;padding:10px 4px;margin:6px 0}.invoice-shell.invoice-editing .workflow-copy{width:100%;gap:7px 10px}.invoice-shell.invoice-editing .invoice-workflow h2{font-size:18px}.invoice-shell.invoice-editing .invoice-workflow p{font-size:12px}.invoice-shell.invoice-editing .workflow-steps li{gap:3px}.invoice-shell.invoice-editing #invoice-independent-status{margin:8px 4px 16px;font-size:10px}}

.invoice-shell .invoice-list-table td:nth-child(2){white-space:nowrap}
@media(max-width:650px){
 .invoice-sort-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.invoice-sort-dialog .invoice-sort-controls{grid-template-columns:minmax(0,1fr);padding:14px 16px;gap:10px}.invoice-sort-dialog .invoice-sort-controls>p{grid-column:auto}.invoice-sort-dialog .invoice-sort-controls #invoice-sort-direction{justify-self:start}
 .invoice-shell .invoice-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:16px;gap:14px}
 .invoice-shell .invoice-filters>.field:first-child,.invoice-shell .invoice-filters>details,.invoice-shell .invoice-filters>button{grid-column:1/-1}
 .invoice-shell .invoice-filters>details{margin:0}
 .invoice-shell .invoice-list-table,.invoice-shell .invoice-list-table tbody{display:block}
 .invoice-shell .invoice-list-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .invoice-shell .invoice-list-table tbody>tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid #e4ded4}
 .invoice-shell .invoice-list-table tbody>tr:last-child{border:0}
 .invoice-shell .invoice-list-table td{display:block;border:0;padding:0;min-width:0;font-size:12px;overflow-wrap:anywhere}
 .invoice-shell .invoice-list-table td:first-child,.invoice-shell .invoice-list-table td:last-child{grid-column:1/-1}
 .invoice-shell .invoice-list-table td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;color:#6e6e73;font-size:10px;margin-bottom:5px}
 .invoice-shell .invoice-list-table td:first-child .btn{border:0;padding:0;text-align:left;font-size:16px;background:transparent;color:#85341e;min-height:30px}
 .invoice-shell .invoice-list-table .invoice-status{white-space:normal;font-size:10px}
 .invoice-shell .invoice-list-table td:first-child small{margin:2px 0 0}
}

/* WebKit exposes the selected option's intrinsic text width as page overflow.
   Clip only the closed control text; the native option picker remains available. */
.invoice-shell select:not([multiple]){appearance:none;-webkit-appearance:none;overflow:hidden;text-overflow:ellipsis;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23636366' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px}
.invoice-shell .invoice-list-identity{display:flex;align-items:flex-start;gap:8px;min-width:0}
.invoice-shell .invoice-list-identity>div{min-width:0}
.invoice-shell .invoice-row-select{display:flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px;cursor:pointer;border-radius:9px}
.invoice-shell .invoice-row-select input{margin:0;width:19px;height:19px;cursor:inherit}
.invoice-shell .invoice-row-select:has(input:disabled){cursor:default;opacity:.4}
.invoice-shell .invoice-row-select:has(input:focus-visible){outline:2px solid #85341e;outline-offset:1px}
.invoice-shell .invoice-selected{background:#fff6e8}
.invoice-shell .invoice-bulk-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;padding:4px 0 18px;margin-bottom:12px;border-bottom:1px solid #e4ded4;font-size:13px}
.invoice-shell .invoice-select-page{display:flex;align-items:center;min-height:44px;cursor:pointer;font-weight:500}
.invoice-shell .invoice-bulk-actions{display:flex;gap:8px;margin-left:auto}
.invoice-shell .invoice-bulk-toolbar>small{flex-basis:100%;color:#6e6e73;font-size:11px}
.invoice-shell .invoice-bulk-toolbar .invoice-bulk-delete{background:#b42318;border:1px solid #b42318;color:white}
.invoice-shell .invoice-bulk-toolbar .invoice-bulk-delete:hover:not(:disabled){background:#912018}
.invoice-shell #invoice-bulk-count{font-variant-numeric:tabular-nums;color:#56565b;min-width:70px}
.invoice-shell .invoice-bulk-results{background:#fff8f2;border:1px solid #f0dcc7;border-radius:12px;padding:12px 16px;margin:0 0 16px;font-size:13px;overflow-wrap:anywhere}
.invoice-shell .invoice-bulk-results li{margin:8px 0}
@media(max-width:650px){.invoice-shell .invoice-bulk-toolbar{gap:4px 12px}.invoice-shell .invoice-bulk-actions{flex-basis:100%;margin:4px 0}.invoice-shell .invoice-bulk-actions .invoice-bulk-delete{flex:1}.invoice-shell .invoice-list-identity{gap:4px}.invoice-shell .invoice-list-identity>div{flex:1}.invoice-shell .invoice-selected{border-radius:12px}.invoice-shell .invoice-row-select{margin-left:-4px}.invoice-shell .invoice-bulk-toolbar>small{margin-top:6px}}

/* Approval is a short, deliberate summary of the exact saved invoice. */
.invoice-approval-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);overflow:auto;margin:auto;padding:0;border:1px solid #e4ded4;border-radius:18px;background:#fff;color:#29241e;box-shadow:0 24px 80px #0004;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.invoice-approval-dialog::backdrop{background:#201a14a8;backdrop-filter:blur(2px)}
.invoice-approval-card{padding:24px}
.invoice-approval-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.invoice-approval-eyebrow{font-size:10px;font-weight:650;letter-spacing:.15em;color:#6e6e73}
.invoice-approval-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:#636366;font:inherit;font-size:26px;line-height:1;cursor:pointer}
.invoice-approval-close:hover{background:#f7f4ee;color:#29241e}
.invoice-approval-dialog :is(button,summary):focus-visible{outline:3px solid #85341e;outline-offset:3px}
.invoice-approval-dialog h2{margin:10px 0 4px;color:#29241e;font-size:24px;letter-spacing:-.035em;line-height:1.2}
.invoice-approval-intro{margin:0 0 18px;color:#636366;font-size:13px;line-height:1.5}
.invoice-approval-summary{margin:0;padding:12px 14px;border:1px solid #e4ded4;border-radius:12px;background:#faf8f4}
.invoice-approval-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:16px;padding:7px 0;border-bottom:1px solid #e9e4dc;font-size:13px;line-height:1.4}
.invoice-approval-row:first-child{padding-top:0}.invoice-approval-row:last-child{padding-bottom:0;border:0}
.invoice-approval-row dt{color:#636366}.invoice-approval-row dd{margin:0;color:#29241e;font-weight:600;text-align:right;overflow-wrap:anywhere}
.invoice-approval-row:last-child dd{font-variant-numeric:tabular-nums}
.invoice-approval-destination{margin-top:16px}
.invoice-approval-destination h3{margin:0 0 8px;color:#636366;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}
.invoice-approval-qbo-summary{background:#fff}
.invoice-approval-details{margin:10px 0 0!important}
.invoice-approval-details>summary{font-size:12px!important}
.invoice-approval-details p{margin:8px 0 0;color:#636366;font-size:12px;line-height:1.5}
.invoice-approval-note{margin:16px 0 20px;color:#636366;font-size:12px;line-height:1.55}
.invoice-approval-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.invoice-approval-actions .btn{min-width:0;min-height:44px;padding:9px 10px;white-space:normal;overflow-wrap:anywhere}
@media(max-width:380px){.invoice-approval-card{padding:20px}.invoice-approval-row{gap:10px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.invoice-approval-actions{gap:8px}.invoice-approval-actions .btn{font-size:12px;padding-inline:7px}}


/* Summary entry: invoice-level review, without item-price controls. */
.invoice-simple-form > h3 { margin-bottom: .35rem; }
.invoice-simple-category { padding: 1rem 0; border-bottom: 1px solid var(--invoice-border, #e5e7eb); }
.invoice-simple-category .invoice-toolbar { margin-top: .6rem; justify-content: space-between; }
.invoice-simple-summary { margin: 1.2rem 0; padding: 1rem 1.2rem; border-radius: 16px; background: #faf7f1; }
.invoice-simple-summary > .invoice-toolbar > strong { font-size: 1.7rem; letter-spacing: -.035em; }
.invoice-simple-summary .invoice-quick-categories > div { gap: 1rem; }
.invoice-simple-summary .invoice-quick-categories strong { white-space: nowrap; }
.invoice-simple-summary .invoice-small { margin-bottom: 0; }
.invoice-simple-confirm { display: flex; align-items: flex-start; gap: .6rem; line-height: 1.5; }
.invoice-simple-confirm input { margin-top: .35rem; flex: none; }
.invoice-simple-more { margin-top: 1.2rem; }

/* Match the primary action used by Home, KPIs, Accounts and Maintenance. */
.invoice-shell .btn-primary{background:var(--orange);border-color:var(--orange);color:#28180b}
.invoice-shell .btn-primary:hover{background:#e97e13;border-color:#e97e13}
.invoice-shell .workflow-steps li.is-complete>span:first-child{background:var(--green);color:#fff}
.invoice-shell .workflow-steps li[aria-current=step]>span:first-child{border:2px solid var(--rust);color:var(--rust);background:#fff}
.invoice-shell .workflow-steps li[aria-current=step]{font-weight:650;color:var(--text)}
.invoice-shell .invoice-grid input{font-variant-numeric:tabular-nums}
@media(max-width:650px){.invoice-shell .invoice-workflow{gap:14px}.invoice-shell .invoice-workflow .btn{min-height:44px}.invoice-shell .invoice-grid{gap:14px}.invoice-shell .invoice-section{margin-top:20px;padding-top:18px}}

/* Keep filing controls reachable and prevent late image decoding from moving feedback. */
.invoice-shell .invoice-original{position:static;align-self:start}
.invoice-shell #invoice-original-view{height:min(58vh,440px);min-height:200px;display:grid;align-items:center}
.invoice-shell #invoice-original-view :is(img,iframe){display:block;width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain}