.pay-person-record{gap:20px;min-width:0;display:grid}.pay-person-record>.pay-back{justify-self:start;margin:0}.pay-person-header{border-bottom:1px solid var(--pay-border);align-items:center;gap:16px;min-width:0;padding-bottom:20px;display:flex}.pay-person-avatar{color:#59784a;background:#eaf1e4;border-radius:18px;flex:0 0 56px;place-items:center;width:56px;height:56px;display:grid}.pay-person-identity{flex:1;min-width:0}.pay-person-identity h1{letter-spacing:-1.1px;overflow-wrap:anywhere;margin:0;font-size:28px;font-weight:750;line-height:1.2}.pay-person-identity p{color:var(--pay-muted);flex-wrap:wrap;gap:2px 0;margin:6px 0 0;font-size:13px;display:flex}.pay-person-identity p span{overflow-wrap:anywhere}.pay-person-identity p span+span:before{content:"·";color:#a3b3ab;margin:0 8px}.pay-person-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pay-person-status,.pay-person-badge{white-space:nowrap;color:#65756b;background:#edf0ed;border-radius:20px;align-items:center;gap:6px;min-height:28px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.pay-person-status[data-status=active]{color:#3a714b;background:#e6f2e9}.pay-person-status[data-status=scheduled]{color:#4f6582;background:#edf1f9}.pay-person-badge{color:#4f6582;background:#edf1f9;max-width:100%}.pay-person-body{grid-template-columns:224px minmax(0,1fr);align-items:start;gap:32px;display:grid}.pay-person-content{gap:20px;min-width:0;display:grid}.pay-record-strip{background:#f5f8f2;border:1px solid #dce7dc;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;font-size:13px;line-height:1.6;display:flex}.pay-record-strip>svg{color:#59784a;flex:none}.pay-record-strip>div{flex:1;min-width:0}.pay-record-strip h3{margin:0 0 2px;font-size:14px;font-weight:700}.pay-record-strip p{color:#50675d;margin:0}.pay-record-strip[data-tone=active]{background:#fdf7e8;border-color:#ecd9a8}.pay-record-strip[data-tone=active]>svg{color:#866d36}.pay-record-strip[data-tone=info]{border-color:var(--pay-border);background:#fff}.pay-record-strip[data-tone=info]>svg{color:#4f6582}.pay-record-strip p+p{margin-top:4px}.pay-record-strip[data-tone=error]{background:#fdf1ef;border-color:#f0c9c4}.pay-record-strip .pay-button{flex:none}@media (max-width:640px){.pay-record-strip{flex-wrap:wrap;align-items:flex-start}.pay-record-strip>div{flex-basis:calc(100% - 34px)}.pay-record-strip .pay-button{margin-left:34px}}.pay-person-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 20px;display:flex}.pay-person-section-heading>div:first-child{flex:280px;min-width:0}.pay-person-section-heading h2{letter-spacing:-.3px;margin:0;font-size:20px;font-weight:700}.pay-person-section-heading p{color:var(--pay-muted);margin:6px 0 0;font-size:13px}.pay-person-section-actions{flex-wrap:wrap;gap:10px;display:flex}.pay-person-section-actions .pay-button{gap:8px}@media (max-width:1100px){.pay-person-body{grid-template-columns:minmax(0,1fr);gap:20px}}@media (max-width:760px){.pay-person-header{flex-wrap:wrap;align-items:flex-start}.pay-person-avatar{border-radius:15px;flex-basis:48px;width:48px;height:48px}.pay-person-identity{flex-basis:calc(100% - 64px)}.pay-person-identity h1{font-size:24px}.pay-person-badges{justify-content:flex-start;width:100%}.pay-person-section-actions{width:100%}}