/* Keep the recharge title and close control outside the scrolling form/history. */
html[data-theme] .tenant-dialog.tenant-recharge-dialog{box-sizing:border-box;display:flex;flex-direction:column;width:min(680px,calc(100vw - 48px));max-width:100%;max-height:min(90dvh,calc(100dvh - 48px));min-height:0;overflow:hidden;padding:0}
.tenant-recharge-heading{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 14px;background:var(--oa-panel,#151515)}
html[data-theme] .tenant-recharge-heading>h2{flex:1;min-width:0;margin:0;line-height:1.4}
html[data-theme] .tenant-recharge-heading>.tenant-recharge-close{box-sizing:border-box;flex:0 0 32px;display:grid;place-items:center;width:32px;height:32px;min-width:32px;padding:0;margin:0;border:0!important;background:transparent!important;box-shadow:none;color:var(--oa-muted);cursor:pointer;border-radius:6px}
html[data-theme] .tenant-recharge-heading>.tenant-recharge-close:hover:not(:disabled){background:var(--oa-hover)!important;color:var(--oa-text)}
.tenant-recharge-close:disabled{opacity:.45;cursor:default}
.tenant-recharge-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 30px 24px}
.tenant-recharge-body>p:first-child{margin-top:0}
@media(max-width:800px){.tenant-recharge-heading{padding:18px 20px 12px}.tenant-recharge-body{padding:0 22px 22px}}