[data-recharge-dialog] { width: min(680px, calc(100vw - 32px)); max-height: 90vh; padding: 28px; overflow: auto; border: 1px solid #c4d5c9; border-radius: 20px; background: #fffdf8; color: #214e3b; }
[data-recharge-dialog]::backdrop { background: rgb(20 40 30 / 45%); }
[data-recharge-dialog] [data-recharge-form] { display: grid; gap: 16px; padding: 0; margin: 0; }
[data-recharge-form] header { display: flex; justify-content: space-between; align-items: start; gap: 16px; }
[data-recharge-form] h2 { margin: 0 0 8px; }
[data-recharge-form] p { margin: 0; line-height: 1.65; overflow-wrap: anywhere; }
[data-recharge-form] > label { display: grid; gap: 8px; font-weight: 600; }
[data-recharge-form] input, [data-recharge-form] select { width: 100%; min-height: 44px; box-sizing: border-box; padding: 10px 12px; border: 1px solid #b9cbc0; border-radius: 8px; background: white; color: #214e3b; font: inherit; }
[data-recharge-form] :disabled { opacity: .65; }
[data-recharge-form] footer { display: flex; flex-wrap: wrap; gap: 12px; justify-content: end; }
[data-recharge-close] { min-width: 36px; min-height: 36px; font-size: 24px; border: 0; border-radius: 8px; background: #edf3ec; color: #214e3b; cursor: pointer; }
[data-recharge-status] { padding: 12px; background: #edf3ec; border-radius: 8px; font-size: 14px; }
[data-recharge-next][hidden] { display: none !important; }

[data-member-card-list] .member-card-recharge-button { display: block; width: fit-content; max-width: 100%; min-height: 44px; margin: 16px 0 0 auto; white-space: normal; }
[data-member-card-list] .member-card-recharge-button:focus-visible { outline: 3px solid #c7a54b; outline-offset: 3px; }