.payment-page .payment-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.payment-page .payment-list-card,.payment-page .payment-detail-card{min-width:0}.payment-page .payment-filter-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.payment-page .filter-button[aria-pressed="true"]{color:#fff;background:var(--c-brand);border-color:var(--c-brand)}.payment-page .filter-button span{display:inline-grid;min-width:1.4rem;place-items:center;margin-left:4px;padding:1px 4px;border-radius:99px;color:inherit;background:rgb(255 255 255 / 16%)}.payment-page .payment-record-list{display:grid;gap:9px;margin:16px 0 0;padding:0;list-style:none}.payment-page .payment-record-list .transfer-card{width:100%;margin:0;padding:14px;border:1px solid var(--c-border);border-radius:12px;color:var(--c-text);text-align:left;background:#fff;transition:border-color .15s ease,background .15s ease,transform .15s ease}.payment-page .payment-record-list .transfer-card:hover,.payment-page .payment-record-list .transfer-card[aria-current="true"]{border-color:var(--c-brand-light);background:#f2f8f7}.payment-page .payment-record-list .transfer-card:hover{transform:translateY(-1px)}.payment-page .payment-record-list .transfer-card strong,.payment-page .payment-record-list .transfer-card span{display:block}.payment-page .payment-record-list .transfer-card span{margin-top:5px;color:var(--c-muted);font-size:13px;line-height:1.5}.payment-page .payment-detail{display:grid;gap:10px;margin-top:18px}.payment-page .payment-detail .detail-summary{margin:0;font-size:17px;font-weight:800}.payment-page .payment-detail h3{margin:12px 0 0;font-size:17px}.payment-page .payment-detail .transfer-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.payment-page .payment-detail .transfer-list li{padding:11px 12px;border-left:3px solid var(--c-brand-light);border-radius:0 10px 10px 0;background:#f7fbfa}.payment-page .payment-detail .transfer-list p{margin:0}.payment-page .payment-transition-form{margin-top:22px}.payment-page .payment-transition-form textarea{width:100%;min-height:104px;padding:10px 12px;border:1px solid #dcd3cc;border-radius:11px;color:var(--c-text);font:inherit;resize:vertical}.payment-page .payment-transition-form textarea:focus{border-color:var(--c-brand-light);outline:0;box-shadow:0 0 0 3px rgb(90 144 136 / 20%)}.payment-page .payment-status-choice{display:grid;gap:8px;margin-top:10px}.payment-page .payment-status-choice label{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--c-border);border-radius:11px;background:#f9fbfa;cursor:pointer}.payment-page .payment-status-choice input{width:auto;min-height:auto;margin:0;accent-color:var(--c-brand)}.payment-page .payment-operation-kinds{border:0;padding:0}.payment-page .payment-operation-kinds legend{font-weight:800}.payment-page #override-toggle-label{display:flex;align-items:center;gap:8px}.payment-page #payment-operation-override-enabled{width:auto;min-height:auto;margin:0;accent-color:var(--c-brand)}.payment-page dialog .primary-button,.payment-page dialog .secondary-button{width:auto}.payment-page .customer-status{word-break:break-word}@media(max-width:500px){.payment-page .payment-filter-group{display:grid;grid-template-columns:1fr 1fr}.payment-page .payment-filter-group .secondary-button{width:100%}}