/* Receipt-specific controls; the original invoice styles remain shared. */
.receipt-payment-toggle{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin:7px 0 2px;font-size:.78rem;color:#536174}
.receipt-payment-toggle button{border:1px solid #d7dfe5;background:#fff;color:#34485a;border-radius:6px;padding:4px 9px;font-size:.75rem}
.receipt-payment-toggle button:hover{background:#f3f6fa}
@media(max-width:767px){.receipt-payment-toggle{justify-content:flex-start}}
@media print{.receipt-payment-toggle{display:none!important}}

.invoice-logo-area{position:relative}
.receipt-remove-logo{position:absolute;right:4px;top:4px;width:25px;height:25px;line-height:20px;border:1px solid #d5dbe2;border-radius:50%;color:#424c57;background:#fff;font-size:17px;font-weight:700;cursor:pointer;z-index:2}
.receipt-remove-logo:hover{color:#ad2737;border-color:#dfb2ba}
.receipt-remove-logo[hidden]{display:none!important}
.invoice-pdf-host .receipt-remove-logo{display:none!important}


/* Payment method picker: opening it always shows every method, even when an
   existing value is present. Custom methods remain editable in the text field. */
.receipt-method-row.is-open{position:relative;z-index:50}
.receipt-method-combobox{position:relative;min-width:0;width:100%}
.invoice-paper .receipt-method-combobox input[data-field="paymentMethod"]{width:100%;padding-right:32px}
.receipt-method-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 100%;
    max-height: 35px;
    width: 29px;
    border: 0;
    background: transparent;
    color: #59677a;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    font-size: 17px;
    line-height: 1;
}
.receipt-method-toggle span {
    display: block;
    line-height: 1;
}
.receipt-method-toggle:focus-visible{outline:2px solid #b48b44;outline-offset:-2px;border-radius:4px}
.receipt-method-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
.receipt-method-options{position:absolute;right:0;top:calc(100% + 4px);min-width:100%;width:max(100%,205px);max-width:min(285px,calc(100vw - 48px));max-height:320px;overflow-y:auto;overscroll-behavior:contain;background:#fff;color:#182536;border:1px solid #d8dfe8;border-radius:7px;box-shadow:0 8px 22px rgba(16,32,56,.16);z-index:60;padding:4px 0}
.receipt-method-options[hidden]{display:none!important}
.receipt-method-options button[role="option"]{display:block;width:100%;min-height:34px;padding:8px 12px;border:0;background:#fff;color:#182536;text-align:left;font-size:.82rem;line-height:1.4;cursor:pointer;white-space:normal}
.receipt-method-options button[role="option"]:hover,.receipt-method-options button[role="option"].is-active{background:#f0f4fa;color:#172d53}
.receipt-method-options button[role="option"][aria-selected="true"]{font-weight:700}
.receipt-method-options button[role="option"][hidden]{display:none!important}
@media print{.receipt-method-options,.receipt-method-toggle{display:none!important}}
.invoice-pdf-host .receipt-method-options,.invoice-pdf-host .receipt-method-toggle{display:none!important}

/* Show only the editable Balance Due, Balance, or Change Due label for the
   current payment amount, regardless of the selected receipt theme. */
.invoice-balance-row [data-balance-label][hidden]{display:none!important}