.customer-receipts-overlay{position:fixed;inset:0;z-index:10050;background:rgba(18,34,51,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}
.customer-receipts-overlay .cr-panel{width:min(1160px,100%);max-height:92vh;overflow:auto;background:#fff;color:#172b42;border:1px solid #d8e4ed;border-radius:16px;box-shadow:0 24px 80px #102b4140;padding:24px}
.customer-receipts-overlay header,.customer-receipts-overlay footer,.cr-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.customer-receipts-overlay header{border-bottom:1px solid #e1eaf0;padding-bottom:16px;margin-bottom:20px}
.customer-receipts-overlay h2,.customer-receipts-overlay h3{margin:0 0 8px}
.customer-receipts-overlay p{color:#63768d;font-size:13px;line-height:1.6}
.customer-receipts-overlay button{border:1px solid #cad9e5;border-radius:8px;background:#fff;color:#172b42;padding:9px 12px;font:inherit;font-size:13px;cursor:pointer}
.customer-receipts-overlay button:disabled{opacity:.5;cursor:wait}
.customer-receipts-overlay button:focus-visible,.customer-receipts-overlay input:focus-visible,.customer-receipts-overlay select:focus-visible{outline:2px solid #0e8a7d;outline-offset:2px}
.customer-receipts-overlay .cr-primary{background:#107d74;color:white;border-color:#107d74}
.customer-receipts-overlay .cr-danger,.cr-negative{color:#b43f32}
.customer-receipts-overlay fieldset{border:0;padding:0;margin:0;min-width:0}
.cr-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cr-fields label{display:grid;gap:6px;min-width:0;font-size:12px;font-weight:600;color:#63768d}
.customer-receipts-overlay input,.customer-receipts-overlay select{box-sizing:border-box;width:100%;min-width:0;border:1px solid #d1dfeb;border-radius:7px;padding:10px;background:#fff;color:#182c42;font:inherit}
.customer-receipts-overlay input:disabled,.customer-receipts-overlay select:disabled{background:#f1f5f8;color:#63768d}
.cr-help{background:#eff9f7;border:1px solid #d0eae5;padding:10px;border-radius:8px}
.cr-section-head{margin:20px 0 12px}
.cr-table-wrap{overflow:auto;border:1px solid #dce6ed;border-radius:9px}
.customer-receipts-overlay table{width:100%;border-collapse:collapse;font-size:13px}
.customer-receipts-overlay th,.customer-receipts-overlay td{padding:11px;text-align:right;white-space:nowrap;border-bottom:1px solid #e3eaf0}
.customer-receipts-overlay th{background:#f5f8fb;font-size:12px;color:#61758a}
.customer-receipts-overlay th:first-child,.customer-receipts-overlay td:first-child{text-align:left}
.customer-receipts-overlay td input{min-width:130px;text-align:right}
.cr-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.cr-summary>div{display:grid;gap:8px;padding:14px;background:linear-gradient(130deg,#f3faf8,#f5f8fc);border:1px solid #dbe8ed;border-radius:9px}
.cr-summary span{font-size:12px;color:#61758a}.cr-summary strong{font-size:20px;overflow-wrap:anywhere}
.cr-history{margin-top:28px;border-top:1px solid #dce6ed;padding-top:20px}
.cr-history article{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #e3eaf0}
.cr-history article>div{display:flex;flex-direction:column;gap:7px}
.cr-history span,.cr-history li,.cr-history small{font-size:12px;color:#61758a}
.cr-history ul{margin:0;padding-left:18px}
.cr-error{background:#fff1f0;border:1px solid #f0c5bf;border-radius:8px;color:#a9382d;padding:12px;margin-bottom:16px}
.cr-error[hidden]{display:none}
@media(max-width:760px){.customer-receipts-overlay{padding:8px}.customer-receipts-overlay .cr-panel{padding:16px;max-height:96vh}.cr-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-summary{grid-template-columns:1fr}.cr-history article,.customer-receipts-overlay header,.cr-section-head{align-items:stretch;flex-direction:column}.cr-history-actions{flex-wrap:wrap}}
@media(max-width:420px){.cr-fields{grid-template-columns:1fr}}

/* Consolidated receipt customer search and allocation receipt dates. */
.customer-receipts-overlay .cr-customer-field{display:grid;gap:6px;min-width:0;color:#63768d;font-size:12px;font-weight:600}
.customer-receipts-overlay .cr-customer-field>label{display:block;margin:0;cursor:pointer}
.customer-receipts-overlay .cr-customer-combobox{position:relative;min-width:0}
.customer-receipts-overlay .cr-customer-combobox>input{padding-right:38px}
.customer-receipts-overlay .cr-customer-toggle{position:absolute;right:1px;top:1px;bottom:1px;width:36px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:#526e89}
.customer-receipts-overlay .cr-customer-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
.customer-receipts-overlay .cr-customer-options{position:absolute;top:calc(100% + 6px);left:0;z-index:40;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:min(420px,calc(100vw - 64px));min-width:100%;max-height:240px;overflow:auto;padding:8px;border:1px solid #cddfe8;border-radius:9px;background:#fff;box-shadow:0 12px 30px #153a5426;box-sizing:border-box}
.customer-receipts-overlay .cr-customer-options[hidden]{display:none!important}
.customer-receipts-overlay .cr-customer-options>button{min-width:0;min-height:38px;text-align:left;font-size:12px;line-height:1.5;overflow-wrap:anywhere;white-space:normal;padding:8px 10px;border-color:transparent;background:#f7fafc}
.customer-receipts-overlay .cr-customer-options>button:hover,.customer-receipts-overlay .cr-customer-options>button.cr-customer-active,.customer-receipts-overlay .cr-customer-options>button[aria-selected="true"]{color:#087e78;border-color:#b3e0dc;background:#eaf8f5}
.customer-receipts-overlay .cr-customer-empty{grid-column:1/-1;padding:10px;font-size:12px;font-weight:400}
.mref-payment-receipt-date{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding-top:9px;border-top:1px solid #edf2f7;font-size:12px;color:#73869b}
.mref-payment-receipt-date time{font-weight:650;color:#294660}
@media(max-width:800px){body.mw-mobile .cr-mobile-fields .mref-detail-card>.cr-customer-field{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;align-items:center;margin:10px 0;font-size:12px}body.mw-mobile .cr-customer-options{width:100%;min-width:0;max-height:220px;gap:4px;padding:5px}body.mw-mobile .cr-customer-options>button{padding:7px 6px;font-size:11px}}