.state-payment-section{scroll-margin-top:120px;padding-block:24px}.state-payment-card{max-width:980px;margin:auto;padding:24px;border:1px solid #a9ccbc;border-radius:16px;background:#edf8f1;color:#18334f;box-sizing:border-box}.state-payment-card h2{color:var(--navy);margin:0 0 10px;font-size:26px}.state-payment-card p{margin:10px 0;line-height:1.5}.state-payment-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;margin:18px 0}.state-payment-tools label{display:flex;flex-direction:column;gap:7px;font-weight:700;min-width:0}.state-payment-tools select{width:100%;min-height:48px;box-sizing:border-box;border:1px solid #739984;border-radius:9px;padding:10px;background:white;color:#18334f;font:inherit}.state-payment-tools .cta{min-height:48px;box-sizing:border-box;justify-content:center;white-space:normal;text-align:center}.state-payment-tools .cta[aria-disabled="true"]{background:#e2e8ed;color:#536273;border:1px solid #aebcc7;box-shadow:none;cursor:default}.state-payment-tools :focus-visible{outline:3px solid #176eaa;outline-offset:3px}.state-payment-note,.state-payment-date{font-size:14px}.state-payment-date{color:#486554}@media(max-width:700px){.state-payment-tools{grid-template-columns:1fr;gap:12px}.state-payment-card{padding:18px}.state-payment-card h2{font-size:23px}.state-payment-tools .cta{width:100%}}

/* Compact payment tile shared by Client Access and Refund Status. */
.state-payment-section{padding-block:12px}
.state-payment-card{padding:14px 16px;border-radius:12px}
.state-payment-card h2{font-size:22px;line-height:1.25;margin:0 0 5px}
.state-payment-card p{font-size:14px;line-height:1.4;margin:5px 0}
.state-payment-tools{gap:10px;margin:10px 0 8px}
.state-payment-tools label{font-size:14px;gap:4px}
.state-payment-tools select,.state-payment-tools .cta{min-height:44px;padding:9px 12px;font-size:14px}
.state-payment-live{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.state-payment-details{font-size:13px;line-height:1.4}
.state-payment-details summary{cursor:pointer;color:#164c70;font-weight:700;width:max-content;max-width:100%;padding:4px 0}
.state-payment-details summary:focus-visible{outline:3px solid #176eaa;outline-offset:3px}
.state-payment-details[open] summary{margin-bottom:4px}
.state-payment-details .state-payment-note,.state-payment-details .state-payment-date{font-size:13px}
@media(max-width:700px){.state-payment-card{padding:12px 14px}.state-payment-card h2{font-size:20px}.state-payment-tools{gap:8px;margin:8px 0}.state-payment-tools .cta{min-height:44px}}

#refund-status .state-refund-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:auto}
#refund-status .state-refund-actions .cta{margin:0;width:100%;box-sizing:border-box}

.state-payment-card .state-payment-details .state-payment-note,.state-payment-card .state-payment-details .state-payment-date{color:#082f5b;font-weight:800;font-size:16px;line-height:1.55}

.state-payment-card .state-payment-details summary{color:#082f5b;font-size:16px;font-weight:800;line-height:1.4}
.state-payment-section{scroll-margin-top:180px}

/* Money-green refund actions; payment actions keep their existing treatment. */
#refund-status .refund-money{background:linear-gradient(135deg,#18794e,#0f5f3d);color:#fff;border:1px solid #0d5033;box-shadow:0 4px 12px rgba(15,95,61,.22)}#refund-status .refund-money:hover,#refund-status .refund-money:focus-visible{background:linear-gradient(135deg,#14683f,#0b4e31);color:#fff}#refund-status .refund-money:focus-visible{outline:3px solid #176eaa;outline-offset:3px}