/* Match Tailwind preflight inside the copied management modals only. */
.order-payment-scope { position: relative; z-index: 2501; font-family: Inter, sans-serif; line-height: 1.5; color: #000; }
.order-payment-scope #customerReceiptLoading { z-index: 210 !important; }
.order-payment-scope #customerReceiptAllocationModal { z-index: 220 !important; }
.order-payment-scope #customerReceiptAllocationModal > div > div:first-child { position: relative; }
.order-payment-scope #customerReceiptAllocationModal > div > div:nth-child(2) { min-height: 0; overflow-y: auto; }
@font-face {
  font-family: 'Payment Font Awesome 6 Free'; font-style: normal; font-weight: 900; font-display: block;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/webfonts/fa-solid-900.woff2') format('woff2');
}
@font-face {
  font-family: 'Payment Font Awesome 6 Free'; font-style: normal; font-weight: 400; font-display: block;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/webfonts/fa-regular-400.woff2') format('woff2');
}
.order-payment-scope .fa-solid, .order-payment-scope .fa-regular { font-family: 'Payment Font Awesome 6 Free'; }
.order-payment-scope table { line-height: normal; }
.order-payment-scope #managedPaymentReceiptModal { z-index: 300 !important; }
.order-payment-scope #managedPaymentReceiptModal > div { max-height: calc(100dvh - 2rem) !important; }
.order-payment-scope #managedPaymentReceiptModal > div > div:nth-child(2) { min-height: 0; overflow-y: auto; }
.order-payment-scope #managedPaymentReceiptModal option { color: #334155; }
.order-payment-scope #managedPaymentReceiptModal input[type="date"] { min-height: 40px; }
.order-payment-scope #managedPaymentReceiptModal label:has(textarea) { display: flex !important; flex-direction: column; }
.order-payment-scope .managed-payment-receipt-link { padding: 0 !important; color: #1d4ed8 !important; font-weight: 700 !important; text-decoration: underline; text-decoration-color: #93c5fd; text-underline-offset: 2px; }
.managed-order-money-summary { display: inline-flex; flex-direction: column; align-items: flex-end; gap: 2px; min-width: 0; }
.managed-order-remaining-due { font-size: 13px; font-weight: 700; line-height: 1.25; color: #ea580c; white-space: nowrap; }
.managed-order-remaining-due > span { margin-left: 2px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.managed-order-remaining-due small { margin-left: 2px; font-size: 11px; text-decoration: underline; }
.managed-order-action.payment-partial { color: #c2410c; background: #fff7ed; border-color: #fed7aa; }
.managed-order-action.payment-partial:hover { color: #c2410c; background: #ffedd5; }
.managed-order-action.payment-full { color: #047857; background: #ecfdf5; border-color: #a7f3d0; }
.managed-order-action.payment-full:hover { color: #047857; background: #d1fae5; }
@media (max-width: 639px) {
  .order-payment-scope #managedPaymentReceiptModal > div { max-width: calc(100vw - 1rem) !important; max-height: calc(100dvh - 1rem) !important; margin-top: 0 !important; }
  .order-payment-scope #managedPaymentReceiptModal > div > div:first-child { padding: 1rem !important; }
  .order-payment-scope #managedPaymentReceiptModal > div > div:nth-child(2) { padding: .75rem !important; }
  .order-payment-scope #managedPaymentReceiptModalBody { margin-bottom: .75rem !important; }
  .managed-order-remaining-due { font-size: 12px; }
  .managed-order-remaining-due small { font-size: 10px; }
}