/* Recharge owns its dialog only. Sidebar layout lives in account-menu-sidebar. */
.webRechargeModal .wrContext{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0;padding:12px;border:1px solid var(--wrLine);border-radius:10px;background:var(--wrSurface)}
.webRechargeModal .wrContextItem{display:grid;gap:4px;min-width:0}.webRechargeModal .wrContextItem small{color:var(--wrMuted);font-size:12px}.webRechargeModal .wrContextItem strong{color:var(--wrInk);font-size:15px;overflow-wrap:anywhere}.webRechargeModal .wrContextItem.shortfall strong{color:#b64a16}
.webRechargeModal .wrPaidReturn{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}.webRechargeModal .wrPaidReturn div{display:grid;gap:3px}.webRechargeModal .wrPaidReturn strong{color:#18794e}.webRechargeModal .wrPaidReturn button{border:0;border-radius:8px;padding:10px 14px;background:#18794e;color:#fff;font-weight:600;cursor:pointer}
.webRechargeModal .wrPackage.wrCoversShortfall{border-color:#e98226;box-shadow:0 0 0 2px rgba(233,130,38,.13)}.webRechargeModal .wrCoverage{display:inline-flex;align-self:center;border-radius:999px;padding:3px 7px;background:#fff2df;color:#9a4c0a;font-size:11px;font-weight:600}
@media(max-width:760px){.webRechargeModal .wrContext{grid-template-columns:1fr}.webRechargeModal .wrPaidReturn{align-items:flex-start;flex-direction:column}.webRechargeModal .wrPaidReturn button{width:100%}}