.sp-payments{min-width:0}.sp-controls,.sp-period,.sp-gateway,.sp-receipt-title{display:flex;align-items:center;gap:12px}.sp-period{gap:0;background:white;border:1px solid #dce5f1;border-radius:9px;padding:3px}.sp-period button{background:none;border:0;border-radius:6px;padding:9px 17px;color:#465b7e;font-size:13px}.sp-period button[aria-pressed=true]{background:#0866ff;color:white}.sp-payments .sc-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0}.sp-payments .sc-metrics article{box-shadow:none;border:1px solid #e0e8f3;min-width:0}.sp-payments .sc-metrics strong{font-size:23px;overflow-wrap:anywhere}.sp-payments .sc-metrics article:nth-child(1) .sc-metric-icon{color:#079558;background:#e7f8ee}.sp-payments .sc-metrics article:nth-child(3) .sc-metric-icon{color:#7952db;background:#f1ebff}.sp-payments .sc-metrics article:nth-child(4) .sc-metric-icon{color:#d8790c;background:#fff2e3}.sp-gateway{background:white;border:1px solid #dce5f1;border-radius:10px;padding:14px 18px;flex-wrap:wrap;font-size:13px;margin-bottom:20px}.sp-gateway small{color:#6a7b95}.sp-filters{display:grid;grid-template-columns:minmax(160px,1fr) 170px 170px;gap:12px;margin-bottom:18px}.sp-filters select{border:1px solid #d8e2ef;background:white;border-radius:8px;padding:10px;min-width:0;color:#233758}.sp-transactions{padding:18px}.sp-transactions .sc-table td{font-size:13px}.sp-paper{background:#fff;border:1px dashed #ccd9ea;border-radius:8px;padding:22px}.sp-receipt-title{padding-bottom:18px;border-bottom:1px solid #e3eaf3;flex-wrap:wrap;color:#1f3a63}.sp-receipt-title h2{font-size:20px;margin:0 0 5px}.sp-receipt-title span{font-size:13px}.sp-receipt-title .sc-badge{margin-left:auto}.sp-paper .sc-details dd{overflow-wrap:anywhere}.sp-print{display:inline-flex;align-items:center;gap:8px}.sp-payments button:focus-visible,.sp-payments select:focus-visible{outline:2px solid #0866ff;outline-offset:3px}.sp-payments .sc-inline-actions button{display:inline-flex;align-items:center;gap:6px}
@media(max-width:1100px){.sp-payments .sc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sp-filters .sc-search{grid-column:1/-1}.sp-payments .sc-heading{flex-wrap:wrap}}
@media(max-width:600px){.sp-payments .sc-heading{display:flex;flex-direction:column;align-items:stretch;gap:12px}.sp-controls{justify-content:space-between}.sp-period{flex:1}.sp-period button{flex:1;padding:9px 8px}.sp-payments .sc-metrics{gap:9px}.sp-payments .sc-metrics article{padding:12px;gap:8px;align-items:flex-start}.sp-payments .sc-metric-icon{width:30px;height:30px;min-width:30px}.sp-payments .sc-metrics strong{font-size:17px}.sp-payments .sc-metrics small{font-size:11px}.sp-payments .sc-metrics article div>span{display:none}.sp-gateway{gap:8px;padding:12px}.sp-gateway small{flex-basis:100%;font-size:11px}.sp-transactions{padding:12px}.sp-transactions .sc-table tr{border:1px solid #dce5f1;border-radius:10px;margin-bottom:10px;padding:12px;background:white}.sp-transactions .sc-table td{padding:5px 0;overflow-wrap:anywhere}.sp-transactions .sc-table td:first-child{font-size:15px}.sp-transactions .sc-table td[data-label='Date']{font-size:11px;color:#60728e}.sp-paper{padding:14px}.sp-paper .sc-details div{min-width:0}.sp-payments .sc-tabs{max-width:100%;overflow-x:auto}.sp-payments .sc-tabs button{white-space:nowrap}}

@media(max-width:600px){.sp-transactions .sc-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.sp-transactions .sc-table td{display:block;min-width:0;text-align:left;padding:3px 0}.sp-transactions .sc-table td::before{display:none}.sp-transactions .sc-table td[data-label="Business"]{grid-column:1;grid-row:1}.sp-transactions .sc-table td[data-label="Status"]{grid-column:2;grid-row:1;text-align:right}.sp-transactions .sc-table td[data-label="Payment for"]{grid-column:1/-1;grid-row:2;color:#637792}.sp-transactions .sc-table td[data-label="Amount"]{grid-column:1;grid-row:3;font-weight:700}.sp-transactions .sc-table td[data-label="Date"]{grid-column:2;grid-row:3;max-width:100px;text-align:right}.sp-transactions .sc-table td[data-label="Method"]{grid-column:1;grid-row:4;color:#637792;font-size:11px}.sp-transactions .sc-table td[data-label="Details"]{grid-column:2;grid-row:4;text-align:right}.sp-transactions .sc-table td[data-label="Details"] button{margin:0}}