/* Shared modal presentation. Feature styles control content layout; this file keeps the shell consistent. */
.payment-history-backdrop,.allocation-modal-backdrop,.template-editor-backdrop{background:rgba(27,39,51,.34)}
.payment-history-dialog{width:min(760px,calc(100vw - 40px));max-height:78vh;border:1px solid #d5dee7;border-radius:9px;box-shadow:0 14px 42px rgba(24,38,54,.24)}
.payment-history-dialog:has(.payment-history-table),.payment-history-dialog:has(.payment-history-credit-table){width:min(980px,calc(100vw - 40px))}
.payment-history-header,.allocation-modal-header,.template-editor-header{padding:13px 17px;border-bottom-color:#dce4eb;background:#f7f9fb}
.payment-history-header h2,.allocation-modal-header h2,.template-editor-header h2{margin:0;color:#263442;font-size:18px;font-weight:600;line-height:1.3}
.payment-history-header p,.allocation-modal-header p,.template-editor-header p{margin:3px 0 0;color:#68798a;font-size:13px;font-weight:400;line-height:1.4}
.payment-history-close,.allocation-close,.template-editor-close{display:inline-flex;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;align-items:center;justify-content:center;border:0;border-radius:50%;background:#e9edf1;color:#687581;font-size:20px;font-weight:400;line-height:1;cursor:pointer}
.payment-history-close:hover,.allocation-close:hover,.template-editor-close:hover{background:#dde3e8;color:#34414d}
.payment-history-close,.payment-history-close:hover,.payment-history-close:focus,.payment-history-close:focus-visible,.payment-history-close:active,
.allocation-close,.allocation-close:hover,.allocation-close:focus,.allocation-close:focus-visible,.allocation-close:active,.allocation-close:visited,
.template-editor-close,.template-editor-close:hover,.template-editor-close:focus,.template-editor-close:focus-visible,.template-editor-close:active,
.poa-allocation-close,.poa-allocation-close:hover,.poa-allocation-close:focus,.poa-allocation-close:focus-visible,.poa-allocation-close:active,
.column-picker-close,.column-picker-close:hover,.column-picker-close:focus,.column-picker-close:focus-visible,.column-picker-close:active{ text-decoration:none!important; }
.payment-history-body{max-height:56vh;padding:15px 18px;overflow:auto;color:#44576a;font-size:14px;line-height:1.45}
.payment-history-body>p:only-child{margin:8px 0;color:#607286;font-size:14px}
.allocation-modal{border-color:#d5dee7;border-radius:9px;box-shadow:0 14px 42px rgba(24,38,54,.24)}
.allocation-modal-body{padding:14px 17px;color:#44576a;font-size:14px}
.allocation-modal-footer,.template-editor-footer{padding:11px 17px;border-top-color:#dce4eb;background:#fafbfc}
.template-style-editor,.template-preview-dialog{border-color:#d5dee7;border-radius:9px;box-shadow:0 14px 42px rgba(24,38,54,.26)}
.confirm-overlay{background:rgba(27,39,51,.34)}
.confirm-card{width:420px;padding:16px 17px;border-color:#d5dee7;border-radius:9px;box-shadow:0 14px 42px rgba(24,38,54,.24)}
.confirm-card h3{color:#263442;font-size:17px;font-weight:600}.confirm-message{color:#4f6071;font-size:14px}
@media(max-width:650px){.payment-history-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.payment-history-header,.allocation-modal-header,.template-editor-header{padding:12px 14px}.payment-history-body,.allocation-modal-body{padding:13px 14px}}