
.ngwh,.ngwh-popup{font:400 14px/1.45 Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--texttheme,var(--text-primary,#242424));box-sizing:border-box}
.ngwh *,.ngwh-popup *{box-sizing:border-box;font-weight:400}
.ngwh[hidden],.ngwh [hidden]{display:none!important}
.ngwh{display:flex;align-items:center;gap:8px;min-width:0}
.ngwh button,.ngwh-popup button{font:inherit;font-weight:400;cursor:pointer;text-transform:none;box-shadow:none}
.ngwh svg,.ngwh-popup svg{width:16px;height:16px;flex:none;vertical-align:middle}
.ngwh button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--mc-line,var(--border-color,#ddd));background:var(--surfacetheme,var(--bg-card,#fff));color:inherit;white-space:nowrap}
.ngwh .ngwh-entry{border:0;border-radius:0;padding:4px;background:transparent;color:inherit;min-width:28px}
.ngwh .ngwh-balance{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;background:transparent;border:0;padding:0}
.ngwh-entry:disabled{cursor:default;opacity:1}.ngwh-entry[aria-busy=true]{cursor:wait}
.ngwh-code{font-size:12px}.ngwh-flag{font-size:18px;line-height:1}.ngwh-value{font-variant-numeric:tabular-nums;text-align:center}
.ngwh .ngwh-deposit,.ngwh .ngwh-withdraw{height:40px;min-width:80px;border-radius:22px;padding:8px 16px;border-color:var(--ng-action-bg,var(--maintheme));color:var(--ng-action-bg,var(--maintheme))}
.ngwh .ngwh-deposit{background:var(--ng-action-bg,var(--maintheme));color:var(--ng-action-text,#fff)}
.ngwh .ngwh-account{border:0;background:transparent;padding:8px;min-width:44px;color:inherit}
.ngwh button:focus-visible,.ngwh-popup button:focus-visible{outline:2px solid var(--mc-gold,var(--maintheme));outline-offset:2px}
.ngwh-popup{position:fixed;z-index:2147483000;width:280px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);background:var(--surfacetheme,var(--bg-card,#fff));border:1px solid var(--mc-line,var(--border-color,#ddd));border-radius:14px;padding:10px;box-shadow:0 12px 32px #0003;display:flex;flex-direction:column;overflow:hidden}
.ngwh-popup[hidden]{display:none!important}.ngwh-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px;padding:0 4px;font-size:14px;flex:none}
.ngwh-popup .ngwh-close{background:transparent;border:0;color:inherit;padding:7px;min-height:32px;min-width:32px}
.ngwh-labels,.ngwh-popup .ngwh-row{display:grid;grid-template-columns:24px 42px minmax(0,1fr) 16px;gap:6px;align-items:center;padding:12px 10px;border:1px solid transparent}
.ngwh-labels{font-size:12px;border-bottom-color:var(--mc-line,var(--border-color,#ddd));flex:none}.ngwh-labels>span:first-child{grid-column:1/3;text-align:center}.ngwh-labels>span:last-child{grid-column:3;text-align:center}
.ngwh-rows{overflow-y:auto;overscroll-behavior:contain;max-height:300px;min-height:0}.ngwh-popup .ngwh-row{width:100%;min-height:48px;border-radius:8px;background:transparent;color:inherit;text-align:center}
.ngwh-popup .ngwh-row[aria-pressed=true]{background:color-mix(in srgb,var(--maintheme) 10%,var(--surfacetheme,var(--bg-card,#fff)))}
.ngwh-popup .ngwh-row:hover{background:color-mix(in srgb,var(--maintheme) 7%,var(--surfacetheme,var(--bg-card,#fff)))}
.ngwh-row .ngwh-value{white-space:normal;overflow-wrap:anywhere}.ngwh-tick{color:var(--ng-action-bg,var(--maintheme))}.ngwh-foot{border-top:1px solid var(--mc-line,var(--border-color,#ddd));padding:12px 6px 2px;margin-top:6px;font-size:12px;flex:none;text-align:center}
.ngwh-status{padding:18px 8px;text-align:center;white-space:normal}.ngwh-popup.ngwh-profile{width:220px}.ngwh-name{padding:10px;overflow-wrap:anywhere;border-bottom:1px solid var(--mc-line,var(--border-color,#ddd))}.ngwh-profile button[data-action]{display:block;width:100%;padding:12px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left}.ngwh-profile button[data-action]:hover{background:color-mix(in srgb,var(--maintheme) 9%,var(--surfacetheme,var(--bg-card,#fff)))}
.ngwh-active .top-account{color:var(--texttheme);font-size:14px;white-space:nowrap}.ngwh-active #member-actions{display:none!important}.ngwh-active .top{gap:8px;padding-inline:16px}.ngwh-active .brand{flex-shrink:1;min-width:120px}.ngwh-active .brand img{max-width:100%;height:auto}
.ngwh-active #lang-btn{border:0;background:transparent;border-radius:0;width:auto;min-width:32px;font:400 13px Arial,sans-serif;color:var(--texttheme);padding:8px}.ngwh-active #lang-flag{display:none}.ngwh-lang-label{display:none}.ngwh-active .ngwh-lang-label{display:inline}
.ngwh-active #theme-wheel{border:0;background:transparent;box-shadow:none;color:var(--texttheme)}.ngwh-active #theme-wheel>i{display:none}.ngwh-theme-icon{display:none}.ngwh-theme-icon svg{display:block;width:18px;height:18px}.ngwh-active .ngwh-theme-icon{display:block;width:18px;height:18px}
@media(max-width:1100px){.ngwh{gap:6px}.ngwh .ngwh-deposit,.ngwh .ngwh-withdraw{min-width:72px;padding:8px 12px}}
@media(max-width:900px){.ngwh{flex-wrap:wrap;justify-content:flex-end}.ngwh-active .top{flex-wrap:wrap}.ngwh-active .top-account{max-width:100%}}


/* Compact account, language and theme menus share the same surface. */
.ngwh .ngwh-tool{min-width:32px;padding:8px;border:0;background:transparent;color:inherit;font-size:13px}
.ngwh button[hidden]{display:none!important}.ngwh-active .lang-box,.ngwh-active .theme-pick{display:none!important}
.ngwh-popup.ngwh-preferences{width:240px}.ngwh-choice-list{overflow-y:auto;max-height:340px;min-height:0}
.ngwh-popup .ngwh-choice{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left}
.ngwh-choice>span:first-of-type{flex:1}.ngwh-swatch{display:block;width:14px;height:14px;flex:none;border-radius:50%;border:1px solid var(--mc-line,var(--border-color,#ddd))}
.ngwh-popup .ngwh-choice:hover,.ngwh-popup .ngwh-choice[aria-pressed=true]{background:color-mix(in srgb,var(--maintheme) 9%,var(--surfacetheme,var(--bg-card,#fff)))}

/* Classic mobile preferences: native language names with flags, two-column swatches. */
.ngwh-language-flag{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:20px;font-style:normal;line-height:1}
.ngwh-popup.ngwh-theme-picker{width:340px}
.ngwh-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.ngwh-theme-grid .ngwh-choice{font-size:12.5px;padding:9px 7px;gap:7px;min-width:0}
.ngwh-theme-grid .ngwh-choice>span:first-of-type{overflow-wrap:anywhere}
.ngwh-theme-grid .ngwh-swatch{width:20px;height:20px;border-width:2px}
.ngwh-popup .ngwh-choice[aria-pressed=true]{color:var(--ng-action-bg,var(--maintheme))}

/* Hide legacy boot content until the translated header has mounted. */
html:not(.ngwh-ready) .top-account,html:not(.ngwh-ready) #header-login,html:not(.ngwh-ready) .top>.lang-box,html:not(.ngwh-ready) .top>.theme-pick{visibility:hidden!important}
#member-actions{display:none!important}
.ngwh-popup.ngwh-profile{width:168px;padding:4px 0;border-radius:8px;box-shadow:0 8px 20px #0002}
.ngwh-profile .ngwh-name{font-size:12px;padding:9px 16px;color:var(--texttheme,var(--text-primary,#242424));opacity:.65}
.ngwh-profile button[data-action]{padding:10px 16px;border-radius:0;font-size:13px;min-height:38px}
.ngwh-profile button[data-action="logout"]{color:var(--danger-color,#e34848);border-top:1px solid var(--mc-line,var(--border-color,#ddd));margin-top:3px}

.ngwh-account-list{overflow-y:auto;overscroll-behavior:contain;min-height:0}.ngwh-profile>.ngwh-name,.ngwh-profile>button[data-action="logout"]{flex:none}



html.has-session #member-actions[hidden]{display:none!important}
html:not(.ngwh-ready) .profile-banner,html:not(.ngwh-ready) .sidebar .balance{visibility:hidden}
