.payment-form{width:min(850px,100%);max-height:85dvh;overflow:auto}
.payment-note{font-size:12px;color:#000}
.payment-table-scroll{overflow:auto}
.payment-table-scroll td,.payment-table-scroll th{padding:8px;vertical-align:top}
.payment-table-scroll td small{display:block;font-size:10px;margin-top:3px}
.payment-cancelled{opacity:.55}
:is(#main,.modal) .payment-debt,:is(#main,.modal) .payment-debt small{color:#c62828!important}
:is(#main,.modal) .payment-advance,:is(#main,.modal) .payment-advance small{color:#16804a!important}
.dash-panels{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,1fr)!important}
.dash-client-balances table{width:100%;table-layout:fixed;font-size:11px}
.dash-client-balances th:first-child{width:45%}
.dash-client-balances th,.dash-client-balances td{padding:7px 4px;overflow-wrap:anywhere}
.dash-client-balances footer a{color:#245b98!important;cursor:pointer}
.dash-client-balances footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media(max-width:1100px){.dash-panels{grid-template-columns:1fr!important}}

/* Searchable menus are portalled to body and must sit above payment dialogs. */
.select-menu{z-index:16000!important;pointer-events:auto}
#payment_form_layer select{height:38px;min-height:38px;width:100%;padding:7px 30px 7px 10px;cursor:pointer;touch-action:manipulation;pointer-events:auto}
#payment_form_layer label[for]{cursor:pointer}

@media(pointer:coarse){select{min-height:44px;font-size:16px;touch-action:manipulation}#payment_form_layer select{height:44px;min-height:44px;font-size:16px}}