/* Hallmark · component: recharge dialog · genre: modern-minimal · theme: YOUMAN olive/lime
 * states: default · hover · focus · active · disabled · loading · error · success */
#youman-recharge { box-sizing: border-box; width: min(1040px, calc(100% - 48px)); height: min(720px, calc(100dvh - 48px)); max-width: none; max-height: none; margin: auto; padding: 0; overflow: hidden; border: 1px solid #d8ddc6; border-radius: 24px; background: #fbfbf6; color: #20211e; box-shadow: 0 24px 80px rgb(20 24 16 / 22%); }
#youman-recharge::backdrop { background: rgb(20 24 16 / 44%); backdrop-filter: blur(3px); }
#youman-recharge iframe { display: block; width: 100%; height: 100%; border: 0; }
#youman-recharge[data-theme=dark] { border-color: #3d4634; background: #1b1f17; color: #f0f3e9; }
#youman-recharge [hidden] { display: none !important; }
.ym-recharge-loading, .ym-recharge-recovery { position: absolute; inset: 0; display: grid; place-content: center; gap: 16px; padding: 24px; text-align: center; font: 14px/1.5 system-ui, sans-serif; }
.ym-recharge-recovery p { margin: 0; }
.ym-recharge-recovery button, .ym-recharge-fallback-close { min-height: 44px; margin: 0; border: 1px solid #d8ddc6; border-radius: 10px; background: #e7f55a; color: #20211e; cursor: pointer; font: 600 14px system-ui, sans-serif; }
.ym-recharge-recovery a { color: inherit; }
.ym-recharge-fallback-close { position: absolute; z-index: 1; top: 16px; right: 16px; width: 44px; background: transparent; font-size: 26px; }
#youman-recharge :is(button,a):focus-visible { outline: 2px solid #55611b; outline-offset: 3px; }
#youman-recharge button:active { transform: scale(.98); }
@media (hover: hover) and (pointer: fine) { #youman-recharge button:hover { background: #eef1e0; } }
@media (max-width: 620px) { #youman-recharge { width: calc(100% - 16px); height: calc(100dvh - 24px); border-radius: 18px; } }