.payment-history-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(160px,1fr) auto;gap:16px;align-items:end;padding:22px;border:1px solid #e0e8f4;border-radius:15px;background:#fff}
.payment-history-controls label{display:block;font-size:12px;margin:0 0 8px}.payment-history-controls input,.payment-history-controls select{width:100%;min-width:0;margin:0;min-height:44px;font-size:12px}.payment-history-controls .btn{min-height:44px;font-size:12px}
.payment-history-message{font-size:13px;line-height:1.7;color:#526784;overflow-wrap:anywhere}.payment-history-list{display:grid;gap:18px;margin:20px 0}
.payment-record{padding:25px;border:1px solid #e0e8f4;border-radius:17px;background:#fff;min-width:0}.payment-record-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.payment-record-heading h2{font-size:19px;margin:0 0 8px;letter-spacing:-.025em;color:#19375f}.payment-record-website{font-size:12px;line-height:1.6;overflow-wrap:anywhere;margin:0;color:#60728f}.payment-project-id{overflow-wrap:anywhere}
.payment-record-tags{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.payment-record-state,.payment-mode-test,.payment-mode-live{display:inline-block;padding:6px 9px;border-radius:7px;font-size:10px;line-height:1.5;background:#edf3ff;color:#315d99}.payment-record-state.state-pending,.payment-mode-test{background:#fff4d8;color:#78561a}.payment-record-state.state-expired{background:#f0f2f6;color:#60708a}.payment-mode-live{background:#e9f5ef;color:#296449}
.payment-record-details{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 18px;border-block:1px solid #e6edf6;padding:18px 0;margin:18px 0;font-size:12px;line-height:1.6}.payment-record-details dt{color:#60728f}.payment-record-details dd{margin:0;color:#263d5e;overflow-wrap:anywhere;font-weight:600}
@media(max-width:850px){.payment-history-controls{grid-template-columns:1fr 1fr}.payment-history-controls>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.payment-history-controls{grid-template-columns:minmax(0,1fr);padding:18px}.payment-record{padding:20px}.payment-record-heading{display:block}.payment-record-tags{align-items:flex-start;flex-direction:row;flex-wrap:wrap;margin-top:14px}.payment-record-details{grid-template-columns:1fr;gap:5px}.payment-record-details dd{margin-bottom:9px}}