/* BAJI-inspired authenticated header. Scoped to header/account UI only. */
.topbar{gap:12px}
.topbar-left{gap:18px;flex:0 1 auto}
.top-links{gap:22px;margin-left:8px;white-space:nowrap}
.top-links a,.top-profile-link{color:#aeb8bd;font-size:13px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.top-links a span,.top-profile-link span{font-size:17px}
.top-links a:hover,.top-profile-link:hover{color:#f4f6f6}
.top-profile-link{border:0;background:transparent;padding:8px 0;cursor:pointer;font:inherit;color:#aeb8bd}
.account-profile-wrap{position:relative;display:flex;align-items:center;padding:4px 0;margin-left:0}
.profile-caret{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:-4px 0 0 2px;transition:transform .22s ease}
.account-profile-wrap:hover .profile-caret,.account-profile-wrap.is-open .profile-caret{transform:rotate(225deg);margin-top:4px}
.account-balance{display:flex;align-items:center;gap:7px;height:35px;padding:0 8px;background:#252929;border:1px solid #343a39;border-radius:3px;color:#dce3e1;font-size:12px;white-space:nowrap}
.balance-chip{height:25px;display:inline-flex;align-items:center;gap:5px;padding:0 5px;border-right:1px solid #424947}
.balance-chip b{font-size:11px;letter-spacing:.3px;min-width:42px}
.coin-icon{width:16px;height:16px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;font-style:normal;font-weight:900}
.coin-gold{color:#ffda43;border:2px solid #d5a900}.coin-green{color:#29d6a2;border:2px solid #159d77}.coin-bdt{color:#f8df42;background:#0c8c67}
.balance-visibility,.balance-refresh{border:0;background:transparent;color:#9da9a8;display:grid;place-items:center;padding:2px;cursor:pointer;font-size:19px;line-height:1}
.balance-visibility svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.balance-visibility:hover,.balance-refresh:hover{color:#fff}
.account-action{height:35px;min-width:92px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;font-weight:700;color:#e9eeee;background:#303535;white-space:nowrap;font-size:13px}
.account-deposit{background:var(--green);min-width:104px}.account-action:hover{filter:brightness(1.12)}
.account-reward{height:34px;width:34px;border:0;border-radius:50%;background:transparent;font-size:25px;cursor:pointer;padding:0}
.mobile-profile-trigger{display:none;width:29px;height:29px;border-radius:50%;border:2px solid #687c54;background:linear-gradient(145deg,#f4d76b,#118260);color:#101515;font-weight:900;text-transform:uppercase;cursor:pointer}
.account-profile-menu{position:absolute;top:100%;left:-12px;right:auto;z-index:10050;width:225px;padding:8px;background:#202424;border:1px solid #3a4441;border-radius:5px;box-shadow:0 12px 30px rgba(0,0,0,.48);color:#eaf0ee;display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-14px);transform-origin:top center;transition:opacity .2s ease,transform .24s cubic-bezier(.2,.75,.25,1),visibility .2s}
.account-profile-wrap:hover .account-profile-menu,.account-profile-wrap:focus-within .account-profile-menu,.account-profile-wrap.is-open .account-profile-menu{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
.account-profile-menu-head{display:flex;align-items:center;gap:10px;padding:10px 9px 12px;border-bottom:1px solid #39413f;margin-bottom:6px}
.account-profile-avatar{width:35px;height:35px;flex:0 0 35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f4d76b,#118260);color:#101515;font-weight:900}
.account-profile-user{min-width:0;display:flex;flex-direction:column;gap:3px}.account-profile-user strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-profile-user small{font-size:11px;color:#9aa9a5}
.account-profile-item{width:100%;min-height:39px;display:flex;align-items:center;gap:9px;padding:0 10px;border:0;border-radius:3px;background:transparent;color:#dce5e2;text-align:left;font:inherit;font-size:13px;text-decoration:none;cursor:pointer}
.account-profile-item:hover,.account-profile-item:focus-visible{background:#293b35;color:#fff;outline:none}
.account-profile-logout{color:#ffb6b6;border-top:1px solid #39413f;border-radius:0;margin-top:4px;padding-top:4px}.account-profile-logout:hover{background:#3b2525;color:#fff}.account-profile-logout span{font-size:18px}
@media(max-width:1150px) and (min-width:761px){.top-links{gap:12px}.topbar-left{gap:10px}.top-links a,.top-profile-link{font-size:12px}.account-balance{gap:3px;padding:0 4px}.balance-chip{padding:0 3px}.account-withdraw{display:none}}
@media(max-width:760px){
 .topbar{height:56px;padding:0 8px;gap:5px}.topbar-left{gap:0;flex:0 0 auto}.brand{gap:5px}.top-links{display:none}.topbar-actions{gap:5px;min-width:0;flex:1;justify-content:flex-end}.account-balance{height:31px;gap:2px;padding:0 4px;min-width:0}.balance-chip{height:22px;gap:3px;padding:0 3px}.balance-chip b{font-size:9px;min-width:0;max-width:28px;overflow:hidden}.coin-icon{width:13px;height:13px;font-size:9px}.balance-chip:nth-child(2){display:none}.balance-visibility svg{width:14px;height:14px}.balance-refresh{display:none}.account-action{height:31px;min-width:0;padding:0 9px;font-size:11px}.account-withdraw{display:none}.account-deposit{min-width:57px}.account-reward{width:28px;height:28px;font-size:20px}.language-dot{margin:0 0 0 2px;width:23px;height:26px}.account-profile-wrap{padding:3px 0}.mobile-profile-trigger{display:grid;place-items:center}.account-profile-menu{position:fixed;top:56px;left:auto;right:8px;width:min(230px,calc(100vw - 16px));transform:translateY(-14px)}.account-profile-wrap:hover .account-profile-menu{transform:translateY(0)}.mobile-bottom-nav.is-authenticated{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:390px){.brand-name{display:none}.account-balance{padding:0 3px}.balance-bdt{display:none}.account-deposit{min-width:52px;padding:0 7px}.account-reward{display:none}}
@media(prefers-reduced-motion:reduce){.account-profile-menu,.profile-caret{transition:none}}
@media(max-width:760px){
 .top-links{display:contents}
 .top-links>a{display:none}
 .top-links .account-profile-wrap{display:flex;position:fixed;top:56px;right:8px;z-index:10051;width:1px;height:1px;padding:0;margin:0;pointer-events:none}
 .top-links .top-profile-link{display:none}
 .top-links .account-profile-menu{right:0;left:auto;top:0;pointer-events:none}
 .top-links .account-profile-wrap.is-open .account-profile-menu{pointer-events:auto}
}