.customer-payments-nav{border-bottom:1px solid #d6e0ea;gap:6px;margin:0 0 14px;display:flex}.customer-payments-nav button{color:#53677c;min-width:0;font:inherit;cursor:pointer;background:#f3f7fa;border:1px solid #d6e0ea;border-radius:8px 8px 0 0;flex:1;padding:10px;font-weight:700}.customer-payments-nav button[aria-pressed=true]{color:#174d78;background:#fff;box-shadow:inset 0 3px #aa761e}.customer-payments-nav button:focus-visible{outline-offset:2px;outline:2px solid #3477b8}[data-payment-panel]{min-width:0;max-width:100%}[data-payment-panel] p{color:#53677c;padding:8px 12px;line-height:1.5}[data-payment-panel] details{padding:8px 12px}html body #customersView:has([data-customer-profile-tab=payments][aria-selected=true]) .customer-layout,html body #customersView:has([data-customer-profile-tab=payments][aria-selected=true]) #customerProfile{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}html body #customersView:has([data-customer-profile-tab=payments][aria-selected=true]) #customerProfile{overscroll-behavior:auto;position:relative;top:auto}html body #customerProfile [data-customer-profile-panel=payments] .table-scroll{overscroll-behavior:auto;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}html body #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table{table-layout:fixed;width:100%;min-width:0!important}@media (width<=720px){html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;display:grid!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-metrics>div{background:#f4f8fb;border:1px solid #d7e4ed;border-radius:11px;align-content:start;gap:6px;text-align:left!important;min-width:0!important;min-height:76px!important;padding:11px!important;display:grid!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-metrics>div:first-child{background:linear-gradient(130deg,#174c70,#147d8b);border-color:#226a86}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-metrics>div>span{color:#637b8d;letter-spacing:.04em;text-transform:uppercase;line-height:1.3;font-size:10px!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-metrics>div>strong{color:#173e59;overflow-wrap:anywhere;min-width:0;line-height:1.25;white-space:normal!important;margin:0!important;font-size:clamp(16px,4.6vw,22px)!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-metrics>div:first-child>:is(span,strong){color:#fff!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] :is(.customer-metrics strong,.customer-transactions-table td strong) :is(span,small,b){font-weight:inherit;color:inherit!important;font-size:inherit!important;line-height:inherit!important;text-transform:none!important;letter-spacing:normal!important;white-space:normal!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-section{border-radius:10px;gap:0;display:grid;box-shadow:none!important;background:#fff!important;border:1px solid #d5e2ec!important;margin:0!important;overflow:hidden!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-section>.table-header{color:#244e68;background:#f4f8fb;border:0;border-bottom:1px solid #e3ebf1;min-height:36px;font-size:13px;font-weight:750;padding:8px 10px!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-section>.table-header>strong{display:none!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] :is(.table-scroll,.customer-transactions-table){border:0!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0!important;display:block!important;overflow:visible!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table thead{clip-path:none!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table thead>tr,html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table tbody>tr{align-items:center;column-gap:6px;width:100%;min-width:0;box-shadow:none!important;border:0!important;border-radius:0!important;outline:none!important;grid-template-columns:90px minmax(0,1fr) 44px!important;margin:0!important;padding:0 8px!important;display:grid!important;transform:none!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table thead>tr{background:#fff;min-height:28px}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table thead th{color:#6a8091;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;align-items:center;font-size:9px;font-weight:750;overflow:hidden;min-width:0!important;padding:0!important;display:flex!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table tbody{gap:0;width:100%;display:grid!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table tbody>tr{--customer-transaction-background:#fff;overflow:hidden;background:var(--customer-transaction-background)!important;color:#294f68!important;border-top:1px solid #e4edf3!important;height:48px!important;min-height:48px!important;max-height:48px!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table tbody>tr:nth-child(2n){--customer-transaction-background:#f5f9fc}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table tbody>tr>td{text-overflow:ellipsis;align-items:center;gap:4px;line-height:20px;width:auto!important;min-width:0!important;min-height:0!important;color:inherit!important;text-align:left!important;white-space:nowrap!important;box-shadow:none!important;background:0 0!important;border:0 #0000!important;outline:none!important;margin:0!important;padding:0!important;font-size:13px!important;display:flex!important;overflow:hidden!important;transform:none!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table td:before{content:none!important;display:none!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table :is(th,td):first-child{grid-area:1/1}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table :is(th,td):nth-child(3){grid-area:1/2;justify-content:flex-end;text-align:right!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table :is(th,td):is(:nth-child(2),:nth-child(4),:nth-child(5)){display:none!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table .customer-transaction-detail-heading,html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table .customer-transaction-detail-cell{grid-area:1/3;justify-content:center;display:flex!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table td:first-child>strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;line-height:20px;overflow:hidden}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table td:nth-child(3){font-weight:750;color:#155c73!important;font-size:16px!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table td:nth-child(3) :is(strong,span,small,b){text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden;color:inherit!important;font:inherit!important;white-space:nowrap!important;display:inline!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table .late-payment-badge{flex:0 0 16px;justify-content:center;align-items:center;width:16px;min-width:16px;height:16px;margin:0;padding:0;font-size:9px;line-height:1;display:inline-flex}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transaction-detail-button{color:#32728f;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:7px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:10px;display:inline-flex;background:0 0!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transaction-detail-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:20px;height:20px}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transaction-detail-button:focus:not(:focus-visible){box-shadow:none;outline:none}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transaction-detail-button:focus-visible{outline-offset:-4px;outline:2px solid #237c9c}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table tbody>tr:has(.empty-table-cell){height:auto!important;min-height:70px!important;max-height:none!important}html body#loadBoardApp #customerProfile [data-customer-profile-panel=payments] .customer-transactions-table td.empty-table-cell{justify-content:center;white-space:normal!important;text-align:center!important;grid-column:1/-1!important}}@media (width>=721px){#customerProfile .customer-transaction-detail-heading,#customerProfile .customer-transaction-detail-cell{display:none!important}html body#loadBoardApp #customerProfile .customer-transactions-table tbody tr:is(:hover,:focus-within)>td:nth-child(5){box-shadow:inset calc(-1 * var(--site-row-hover-edge-width)) 0 0 var(--site-row-hover-frame), inset 0 var(--site-row-hover-line-width) 0 var(--site-row-hover-frame), inset 0 calc(-1 * var(--site-row-hover-line-width)) 0 var(--site-row-hover-frame)!important}}#customerTransactionDetailDialog{box-sizing:border-box;color:#244b65;background:#fff;border:1px solid #bed2e0;border-radius:14px;width:min(480px,100vw - 24px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;box-shadow:0 16px 60px #09283c4d}#customerTransactionDetailDialog::backdrop{background:#102d4373}#customerTransactionDetailDialog>header{background:#f3f8fb;border-bottom:1px solid #dce7ef;align-items:center;gap:12px;padding:10px 14px;display:flex}#customerTransactionDetailDialog h2{flex:1;margin:0;font-size:18px;line-height:1.3}#customerTransactionDetailDialog [data-customer-transaction-close]{color:#245575;cursor:pointer;background:#fff;border:1px solid #c4d6e2;border-radius:8px;width:44px;min-height:44px;padding:0;font-size:24px}#customerTransactionDetailDialog [data-customer-transaction-close]:focus-visible{outline-offset:2px;outline:2px solid #237c9c}#customerTransactionDetailDialog dl{margin:0;padding:4px 16px 12px}#customerTransactionDetailDialog [data-transaction-field]{border-bottom:1px solid #e7eef3;gap:5px;min-width:0;padding:12px 0;display:grid}#customerTransactionDetailDialog [data-transaction-field]:last-child{border-bottom:0}#customerTransactionDetailDialog dt{color:#6a8192;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:750}#customerTransactionDetailDialog dd{color:#244b65;white-space:normal;overflow-wrap:anywhere;min-width:0;margin:0;font-size:15px;line-height:1.5}#customerTransactionDetailDialog [data-transaction-field=amount] dd{color:#155c73;font-size:22px;font-weight:750}#customerTransactionDetailDialog dd :is(strong,span,small,b){overflow-wrap:anywhere;color:inherit!important;font:inherit!important;white-space:normal!important}