/* BANKVIP V9 — stable responsive header/account menu */
.bankvip-header{
  position:sticky!important;top:0!important;z-index:10050!important;
  display:grid!important;grid-template-columns:132px minmax(0,1fr) auto!important;
  align-items:center!important;height:70px!important;min-height:70px!important;
  padding:0 max(18px,calc((100vw - 1420px)/2))!important;gap:18px!important;
  overflow:visible!important;background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
.bankvip-logo{grid-column:1!important;display:flex!important;align-items:center!important;width:122px!important;min-width:122px!important;height:56px!important}
.bankvip-logo img{width:118px!important;height:52px!important;display:block!important}
.bankvip-nav{grid-column:2!important;display:flex!important;position:static!important;align-items:center!important;justify-content:flex-start!important;margin:0!important;min-width:0!important}
.bankvip-user-panel{grid-column:3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;margin:0!important;gap:9px!important;position:relative!important;min-width:0!important}
.bankvip-mobile-toggle{display:none!important;grid-column:3!important;margin:0!important}
.bankvip-balance{height:42px!important;display:flex!important;align-items:center!important;gap:7px!important;padding:0 13px!important;border:1px solid #d5e9e1!important;border-radius:12px!important;background:#f0faf6!important;color:#12664f!important;white-space:nowrap!important}
.bankvip-balance span{font-size:11px!important;color:#698079!important;font-weight:600!important}.bankvip-balance strong{font-size:13px!important}
.bankvip-account{position:relative!important;display:block!important}
.bankvip-account-trigger{height:44px!important;max-width:230px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:5px 11px 5px 6px!important;border:1px solid #dfe7e4!important;border-radius:13px!important;background:#fff!important;color:#25332e!important;box-shadow:0 4px 14px rgba(26,56,46,.06)!important;cursor:pointer!important;text-align:left!important}
.account-avatar{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#e9f6f1!important;color:#08775a!important;font-size:13px!important}
.account-copy{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.15!important}.account-copy small{font-size:9px!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#84918c!important;font-weight:700!important}.account-copy strong{max-width:125px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12.5px!important;color:#26342f!important}.account-chevron{font-size:10px!important;color:#74817c!important;transition:transform .18s ease!important}.bankvip-account.open .account-chevron{transform:rotate(180deg)!important}
.bankvip-account-menu{display:none!important;position:absolute!important;right:0!important;top:calc(100% + 10px)!important;width:270px!important;padding:9px!important;border:1px solid #dfe7e4!important;border-radius:16px!important;background:#fff!important;box-shadow:0 22px 60px rgba(20,48,39,.18)!important;z-index:10080!important}
.bankvip-account.open .bankvip-account-menu{display:block!important;animation:accountMenuIn .16s ease-out both!important}@keyframes accountMenuIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.account-menu-head{display:flex!important;align-items:center!important;gap:11px!important;padding:11px!important;margin-bottom:6px!important;border-radius:12px!important;background:#f2f8f6!important}.account-avatar-lg{width:40px!important;height:40px!important;flex-basis:40px!important}.account-menu-head>div{display:flex!important;flex-direction:column!important;min-width:0!important}.account-menu-head small{font-size:10px!important;color:#7b8984!important}.account-menu-head strong{font-size:13px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.account-menu-head span:not(.account-avatar){font-size:12px!important;color:#08775a!important;font-weight:800!important;margin-top:2px!important}
.account-menu-links{display:grid!important;gap:2px!important}.account-menu-links a{display:flex!important;align-items:center!important;gap:10px!important;min-height:42px!important;padding:0 11px!important;border-radius:10px!important;color:#33433d!important;font-size:12.5px!important;font-weight:650!important;text-decoration:none!important}.account-menu-links a i{width:18px!important;text-align:center!important;color:#71817b!important}.account-menu-links a:hover{background:#f1f7f5!important;color:#08775a!important}.account-menu-links a:hover i{color:#08775a!important}.account-menu-links .logout-link{margin-top:4px!important;border-top:1px solid #edf1ef!important;border-radius:0 0 10px 10px!important;color:#c7373d!important}.account-menu-links .logout-link i{color:#c7373d!important}

@media(max-width:900px){
 .bankvip-header{grid-template-columns:112px 1fr auto!important;height:64px!important;min-height:64px!important;padding:0 12px!important;gap:8px!important}
 .bankvip-logo{grid-column:1!important;width:104px!important;min-width:104px!important;height:50px!important}.bankvip-logo img{width:100px!important;height:46px!important}
 .bankvip-mobile-toggle{grid-column:3!important;grid-row:1!important;display:inline-flex!important;width:42px!important;height:42px!important;align-items:center!important;justify-content:center!important;border:1px solid #dfe7e4!important;border-radius:12px!important;background:#fff!important;color:#26342f!important;font-size:18px!important;order:initial!important}
 .bankvip-user-panel{grid-column:2!important;grid-row:1!important;justify-self:end!important;gap:6px!important;width:auto!important;order:initial!important}
 .bankvip-balance{display:none!important}
 .bankvip-account-trigger{width:42px!important;height:42px!important;padding:4px!important;border-radius:12px!important;justify-content:center!important;box-shadow:none!important}.account-avatar{width:32px!important;height:32px!important;flex-basis:32px!important}.account-copy,.account-chevron{display:none!important}
 .bankvip-nav{display:none!important;position:fixed!important;left:10px!important;right:10px!important;top:72px!important;z-index:10070!important;padding:8px!important;border:1px solid #dfe7e4!important;border-radius:15px!important;background:#fff!important;box-shadow:0 20px 50px rgba(20,48,39,.18)!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important}
 .bankvip-nav.show{display:flex!important}.bankvip-nav a{width:100%!important;height:43px!important;justify-content:flex-start!important;border-radius:10px!important}.bankvip-nav a.active:after{display:none!important}
 .bankvip-account-menu{position:fixed!important;top:72px!important;right:10px!important;left:10px!important;width:auto!important;max-width:none!important;padding:10px!important;border-radius:16px!important}
 .bankvip-account.open .bankvip-account-menu{display:block!important}
 .bankvip-user-panel .register-btn{display:none!important}.bankvip-auth-btn{height:42px!important;padding:0 12px!important;font-size:12px!important}.bankvip-login-btn i{display:none!important}
}
@media(max-width:420px){
 .bankvip-header{grid-template-columns:98px 1fr auto!important;padding:0 9px!important}.bankvip-logo{width:92px!important;min-width:92px!important}.bankvip-logo img{width:90px!important}
 .bankvip-nav,.bankvip-account-menu{left:8px!important;right:8px!important;top:70px!important}
}