.payment-records-panel .range-bar{align-items:flex-end;gap:12px;padding:20px 22px 16px;background:#fafbf8}
.payment-records-panel .range-bar label{display:flex;flex-direction:column;gap:8px;line-height:18px;flex:0 1 176px;min-width:150px}
.payment-records-panel .range-bar input{width:100%;max-width:none;height:38px;margin:0;line-height:20px}
.payment-records-panel .range-bar button{height:38px;display:inline-flex;align-items:center;justify-content:center}
.payment-records-panel .range-bar .muted{font-size:12px;line-height:20px;padding:9px 0}
.payment-records-panel #search-form{align-items:center}
.payment-records-panel #search-form input,.payment-records-panel #search-form button{height:38px}
.payment-records-panel th,.payment-records-panel td{vertical-align:middle;line-height:20px}
.payment-records-panel th:nth-child(3),.payment-records-panel td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}
.payment-records-panel th:nth-child(4),.payment-records-panel td:nth-child(4){text-align:center}
@media(max-width:600px){.payment-records-panel .range-bar label{flex:1 1 140px;min-width:0}.payment-records-panel .range-bar .muted{flex-basis:100%;padding:0}.payment-records-panel .range-bar,.payment-records-panel #search-form{padding:16px}}