.statement-exception-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;padding:11px 14px;border:1px solid #f1bd8e;border-left:4px solid #e57b22;border-radius:8px;color:#a64d14;background:#fff8f1}.statement-exception-banner>div{display:grid;gap:3px}.statement-exception-banner strong{font-size:13px}.statement-exception-banner span{color:#a86b43;font-size:10px}.statement-exception-banner.clear{color:#16784c;border-color:#b9e2cc;border-left-color:#169a5d;background:#f1faf5}.statement-exception-banner.clear span{color:#5c806e}.statement-section-title{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid #e1e7f0}.statement-section-title>div{display:grid;gap:2px}.statement-section-title strong{font-size:13px}.statement-section-title span{color:#7b8799;font-size:10px}.statement-orders-table{min-width:1320px}.statement-orders-table td strong,.statement-orders-table td small{display:block}.statement-orders-table td small{margin-top:3px;color:#7b8799}.statement-orders-table td.orange{color:#d85e1d}.statement-order-issue{background:#fff9f3}.statement-order-issue td:first-child{box-shadow:inset 3px 0 #e57b22}.statement-pagination>div{flex-wrap:wrap;justify-content:flex-end}@media(max-width:720px){.statement-exception-banner{align-items:stretch;flex-direction:column}.statement-exception-banner button{width:100%}.statement-pagination{align-items:stretch;flex-direction:column}.statement-pagination>div{justify-content:flex-start;overflow-x:auto}}
/* High-volume reconciliation: compact payments and drill-down drawer. */
.statement-payments-panel{margin-bottom:10px;overflow:hidden;border:1px solid #dfe6f1;border-radius:9px;background:#fff}.statement-payment-table-wrap{max-height:310px;overflow:auto}.statement-payment-table{width:100%;min-width:900px;border-collapse:collapse;font-size:11px}.statement-payment-table th{position:sticky;z-index:2;top:0;padding:8px 10px;color:#657187;background:#f2f5fa;text-align:left;white-space:nowrap}.statement-payment-table td{padding:8px 10px;border-top:1px solid #e8edf5;white-space:nowrap}.statement-payment-issue{background:#fffaf5}.statement-payment-pager{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-top:1px solid #e4e9f1;color:#778398}.statement-payment-pager div{display:flex;gap:6px}.statement-payment-pager button{padding:5px 9px;border:1px solid #d8e0ec;border-radius:5px;background:#fff}.statement-allocation-drawer[hidden]{display:none}.statement-allocation-drawer{position:fixed;z-index:1600;inset:0;display:flex;justify-content:flex-end}.statement-drawer-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(20,29,45,.34)}.statement-allocation-drawer aside{position:relative;width:min(920px,92vw);height:100vh;background:#f7f9fc;box-shadow:-16px 0 40px rgba(31,48,77,.2)}.statement-allocation-drawer aside>div{display:grid;height:100%;min-height:0;grid-template-rows:auto auto auto minmax(0,1fr) auto}.statement-allocation-drawer header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff}.statement-allocation-drawer header>div{display:grid;gap:3px}.statement-allocation-drawer header strong{color:#315fd8;font-size:20px}.statement-drawer-summary{display:grid;grid-template-columns:repeat(3,1fr);margin:10px 12px 0;border:1px solid #dfe6f1;border-radius:8px;background:#fff}.statement-drawer-summary>div{display:grid;gap:4px;padding:10px 12px}.statement-drawer-tools{display:flex;gap:10px;padding:10px 12px}.statement-drawer-tools input{min-width:0;flex:1}.statement-drawer-table{min-height:0;margin:0 12px;overflow:auto;border:1px solid #dfe6f1;background:#fff}.statement-drawer-table table{width:100%;min-width:860px;border-collapse:collapse;font-size:11px}.statement-drawer-table th,.statement-drawer-table td{padding:8px 9px;border-top:1px solid #e8edf5;text-align:left;white-space:nowrap}.statement-drawer-table th{position:sticky;top:0;background:#f2f5fa}.statement-allocation-drawer footer{display:flex;align-items:center;gap:7px;padding:10px 12px;background:#fff}.statement-allocation-drawer footer span{margin:0 auto}body.statement-drawer-open{overflow:hidden}@media(max-width:700px){.statement-allocation-drawer aside{width:96vw}.statement-drawer-summary{grid-template-columns:1fr}}

/* Customer statement section colors match the finance workbench. */
#portalStatementDetail .statement-overview-bar{border:1px solid #acd2dd;background:#f8fdff}#portalStatementDetail .statement-overview-bar h2{color:#176b82}#portalStatementDetail .statement-exception-banner{border-left-width:1px}#portalStatementDetail .statement-payments-panel{border:1px solid #acd9cd;background:#fbfffd}#portalStatementDetail .statement-payments-panel .statement-section-title{color:#176e5d;background:#f2faf7}#portalStatementDetail .statement-payment-table th{background:#edf8f5}#portalStatementDetail .statement-orders-panel{border:1px solid #cec3e8;background:#fdfcff}#portalStatementDetail .statement-orders-panel .statement-section-title{color:#5d469c;background:#f7f4fc}#portalStatementDetail .statement-orders-toolbar{background:#fbf9ff}#portalStatementDetail .statement-orders-table th{background:#f2eef9}#portalStatementDetail .statement-total{border:1px solid #cbd3df;background:#f8fafc}
.statement-section-title>.statement-section-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px;white-space:nowrap}.statement-section-title>.statement-section-actions button{width:auto;flex:0 0 auto}.statement-clear-status{padding:6px 9px;border:1px solid #9fd2bb;border-radius:6px;color:#16784c;background:#eaf7f0;font-weight:700;opacity:1!important}
.statement-company-title-row{display:flex;width:max-content;max-width:100%;align-items:center;gap:10px}.statement-company-title-row h2{flex:0 1 auto;min-width:0}.statement-inline-status{width:auto;flex:0 0 auto;padding:5px 9px;border:1px solid #afc3ef;border-radius:7px;color:#315fd8;background:#edf2ff;font-size:10px;font-weight:700;white-space:nowrap;opacity:1!important}.statement-inline-status.done{color:#138653;border-color:#a9d8c4;background:#eaf7ef}.statement-inline-status.warning{color:#c46125;border-color:#ecc39f;background:#fff4e9}