/* Preserve the phone card grid, spacing and action sheet. The browser only adds button semantics. */
.mary-web-account button.phone-invoice-native { width: 100%; font: inherit; text-align: start; color: var(--text); min-height: 76px; }
.mary-web-account .phone-invoice-native .ivc-who,
.mary-web-account .phone-invoice-native .ivc-money, .mary-web-account .phone-invoice-native .ivc-amt,
.mary-web-account .phone-invoice-native .ivc-rem { display: block; }
.mary-web-account .phone-invoice-native .ivc-who { min-width: 0; }
.mary-web-account .phone-invoice-native .ivc-meta { display: flex; }
.mary-web-account .phone-invoice-native .ivc-money { max-width: none; }
.mary-web-account .phone-invoice-native .ivc-amt { overflow-wrap: anywhere; white-space: normal; }
.mary-web-account .phone-invoice-native .ivc-rem { white-space: normal; }
.mary-web-account .phone-invoice-native .phone-invoice-rem-gold { color: var(--gold); }
.mary-web-account .phone-invoice-native .phone-invoice-rem-neg { color: var(--neg); }
.mary-web-account .phone-invoice-native .phone-invoice-rem-warn { color: var(--warn); }
.mary-web-account .phone-invoice-native .ivchip { display: inline-flex; }
.mary-web-account #financialRows.ivlist { display: flex; flex-direction: column; gap: 9px; }
.mary-web-account .phone-invoice-layer { position: fixed; inset: 0; z-index: 100000; }
.mary-web-account .phone-invoice-layer .ivscrim { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 0; padding: 0; cursor: default; }
.mary-web-account .phone-invoice-panel .ivrow { width: 100%; text-align: start; font-family: inherit; }
.mary-web-account .phone-invoice-panel .ivp-head > .ivchip { display: inline-flex; margin-top: 10px; }
.mary-web-account .phone-invoice-panel .ivp-head { max-height: 42dvh; overflow-y: auto; flex-shrink: 0; }
.mary-web-account .phone-invoice-panel .pno, .mary-web-account .phone-invoice-panel .pname,
.mary-web-account .phone-invoice-panel .pcust { min-width: 0; overflow-wrap: anywhere; }
.mary-web-account .phone-invoice-panel .x { min-width: 44px; min-height: 44px; }
.mary-web-account .phone-invoice-panel .ifnote-debt { display: block; margin: 0 0 12px; }
.mary-web-account .phone-invoice-panel .ivacts + .ifnote-debt { margin-top: 16px; }
.mary-web-account .phone-invoice-panel .ivsum .v { white-space: normal; overflow-wrap: anywhere; }
.mary-web-account .phone-invoice-history h3 { margin: 0 0 16px; }
.mary-web-account .phone-invoice-history-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.mary-web-account .phone-invoice-history-row bdi { text-align: end; }
.mary-web-account .phone-invoice-history > .ivrow { margin-top: 16px; }
.mary-web-account #financialEditor[data-mode="invoice-document"] .modal-foot > .iftot { display: none; }
.mary-web-account #financialEditor[data-mode="invoice-document"] .modal-foot { justify-content: end; }
.mary-web-account #financialEditor[data-mode="invoice-document"] .doc-card { margin: 0; box-shadow: none; }
.mary-web-account #financialEditor[data-mode="invoice-document"] #financialFields { display: block; }
.mary-web-account .ifseg button { min-height: 44px; }
.mary-web-account #financialEditor .iflink { min-height: 44px; }
.mary-web-account .phone-invoice-delivery { width: 100%; font-family: inherit; text-align: start; color: var(--text); }
.mary-web-account .phone-invoice-delivery .ifsw { flex-shrink: 0; }
.mary-web-account .phone-invoice-delivery .sb { display: block; }
.mary-web-account #financialInvoicePayment { margin-top: 12px; }
.mary-web-account #financialCreditNote { display: block; }
.mary-web-account #backBtn, .mary-web-account #phoneNavToggle { min-width: 44px; min-height: 44px; }
@media print {
 body.mary-financial-print > :not(#financialInvoicePrintRoot) { display: none !important; }
 body.mary-financial-print { overflow: visible; background: white; }
 #financialInvoicePrintRoot { margin: 0; padding: 0; color: #152238; background: white; }
 #financialInvoicePrintRoot .doc-card { margin: 0; padding: 0; border: 0; box-shadow: none; }
 #financialInvoicePrintRoot table { min-width: 0; width: 100%; }
 #financialInvoicePrintRoot .doc-tscroll { overflow: visible; }
 #financialInvoicePrintRoot .phone-invoice-scroll-hint { display: none; }
 #financialInvoicePrintRoot thead { display: table-header-group; }
 #financialInvoicePrintRoot tr { break-inside: avoid; }
}