.personal-payments .head p{font-size:14px;line-height:1.6;color:#796688}.payment-overview{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.payment-overview>.card{margin:0!important}.payment-overview h3{font-size:22px;margin:12px 0}.payment-overview p,.personal-payments .payment-action p{font-size:14px;line-height:1.7;color:#75637f}.aeris-agent-view .main .payment-yours{background:linear-gradient(125deg,#ecf8f0,#f5fcf8);border-color:#d7ecdf!important}.payment-amount{display:block;font-size:28px;color:#53316e;margin:12px 0}.payment-yours .payment-amount{color:#316b4b}.payment-note{border-top:1px solid #d8eade;padding-top:14px;color:#32704b;font-weight:650;font-size:13px}.payment-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.payment-totals>section{padding:22px;background:#fff;border:1px solid #e5dbee;border-radius:18px}.payment-totals span{font-size:13px;color:#735d83}.payment-totals strong{display:block;font-size:25px;color:#62417e;margin:10px 0}.payment-totals small{font-size:12px;line-height:1.5;color:#8a7795;display:block}.payment-action{margin-bottom:20px}.payment-action h3{font-size:22px;margin:12px 0}.payment-record{padding:20px;border:1px solid #e5dbea;background:#fcfaff;border-radius:14px;margin:14px 0}.payment-record-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.payment-record h4{font-size:16px;margin:0}.payment-record p{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.payment-status{font-size:11px;padding:6px 10px;border-radius:20px;background:#eee6f9;color:#704997}.payment-history{padding:0 20px;margin:14px 0!important}.payment-history>summary{padding:18px 0!important}.payment-history>p{font-size:14px;line-height:1.7;color:#756482}.payment-history>a{margin:8px 0 18px}.payment-record form{padding:0 16px 16px}.payment-record form label{display:block;font-size:14px}.payment-record input{margin:8px 0 16px}.personal-payments :is([role=status]):empty{display:none}
@media(max-width:700px){.payment-overview{grid-template-columns:1fr;gap:16px}.payment-totals{grid-template-columns:1fr;gap:10px}.payment-totals>section{padding:16px 20px}.payment-totals strong{font-size:24px;margin:6px 0}.payment-amount{font-size:25px}.payment-record{padding:16px}.payment-record .btn{width:100%}.payment-history{padding:0 16px}.personal-payments .head h2{font-size:25px}}