/* JBA v16.20.29 — clear mobile customer menu and compact identity card. */
.jba-v162028-mobile-menu-head,.jba-v162028-account-label{display:none}

@media (max-width:900px){
  html body.jba-v15219-body .jba-v15219-mobile-title{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    min-height:48px!important;margin:0 0 10px!important;padding:11px 15px!important;
    border:1px solid #e3eaf2!important;border-radius:16px!important;background:#fff!important;
    box-shadow:0 8px 24px rgba(8,47,73,.06)!important;font-size:14px!important;font-weight:950!important;color:#082f49!important
  }
  html body.jba-v15219-body .jba-v15219-mobile-title button{display:none!important}

  html body.jba-v15219-body .jba-v15219-profile-sidebar{
    display:none!important;position:fixed!important;z-index:100120!important;
    right:10px!important;left:10px!important;bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;top:auto!important;
    width:auto!important;max-width:none!important;max-height:calc(100dvh - 104px - env(safe-area-inset-bottom,0px))!important;
    margin:0!important;padding:0 13px 14px!important;overflow-x:hidden!important;overflow-y:auto!important;
    border:1px solid #dce6f1!important;border-radius:26px!important;background:#f7f9fc!important;
    box-shadow:0 26px 70px rgba(4,28,54,.28)!important;overscroll-behavior:contain!important
  }
  html body.jba-v15219-body .jba-v15219-profile-sidebar.is-open{display:block!important;animation:jbaV162028Drawer .2s ease-out!important}
  @keyframes jbaV162028Drawer{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}

  html body.jba-v15219-body .jba-v162028-mobile-menu-head{
    position:sticky!important;top:0!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    margin:0 -13px 12px!important;padding:13px 15px!important;border-bottom:1px solid #e4ebf3!important;
    background:rgba(255,255,255,.97)!important;backdrop-filter:blur(12px)!important
  }
  html body.jba-v15219-body .jba-v162028-mobile-menu-head>div{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
  html body.jba-v15219-body .jba-v162028-mobile-menu-head>div>i{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:13px!important;background:#eaf2ff!important;color:#0b3b78!important;font-size:18px!important}
  html body.jba-v15219-body .jba-v162028-mobile-menu-head span{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
  html body.jba-v15219-body .jba-v162028-mobile-menu-head b{font-size:14px!important;color:#082f49!important}
  html body.jba-v15219-body .jba-v162028-mobile-menu-head small{font-size:9.5px!important;color:#718096!important;white-space:nowrap!important}
  html body.jba-v15219-body .jba-v162028-mobile-menu-head button{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;padding:0!important;border:0!important;border-radius:13px!important;background:#f1f4f8!important;color:#43566b!important;font-size:16px!important}

  html body.jba-v15219-body .jba-v15219-user-card{
    display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;grid-template-rows:auto auto!important;
    align-items:center!important;gap:10px 13px!important;margin:0!important;padding:15px!important;
    border:1px solid #e1e8f0!important;border-radius:21px!important;background:linear-gradient(145deg,#fff,#f7fbff)!important;
    text-align:right!important;box-shadow:0 8px 24px rgba(8,47,73,.07)!important
  }
  html body.jba-v15219-body .jba-v15219-avatar-wrap{grid-column:1!important;grid-row:1!important;width:70px!important;height:70px!important;margin:0!important}
  html body.jba-v15219-body .jba-v15219-avatar-wrap img{width:70px!important;height:70px!important;border:3px solid #fff!important;border-radius:22px!important;box-shadow:0 8px 22px rgba(8,47,73,.16)!important;object-fit:cover!important}
  html body.jba-v15219-body .jba-v15219-online-dot{width:13px!important;height:13px!important;border-width:3px!important;right:0!important;bottom:1px!important}
  html body.jba-v15219-body .jba-v162028-user-identity{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-width:0!important}
  html body.jba-v15219-body .jba-v162028-account-label{display:inline-flex!important;padding:3px 8px!important;border-radius:999px!important;background:#eaf2ff!important;color:#27538a!important;font-size:8.5px!important;font-weight:850!important}
  html body.jba-v15219-body .jba-v15219-user-name{max-width:100%!important;margin:0!important;color:#082f49!important;font-size:15px!important;font-weight:950!important;line-height:1.55!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body.jba-v15219-body .jba-v15219-user-mobile{display:flex!important;align-items:center!important;gap:5px!important;margin:0!important;color:#66788d!important;font-size:11px!important;font-weight:750!important;direction:ltr!important}
  html body.jba-v15219-body .jba-v15219-user-mobile i{font-size:15px!important;color:#1d6f9e!important}

  html body.jba-v15219-body .jba-v15220-completion-card{
    grid-column:1/3!important;grid-row:2!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;gap:7px 12px!important;width:100%!important;margin:1px 0 0!important;padding:11px 12px!important;
    border:1px solid #d8e5f3!important;border-radius:16px!important;background:#fff!important;color:#172b42!important;box-sizing:border-box!important
  }
  html body.jba-v15219-body .jba-v15220-completion-card span{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
  html body.jba-v15219-body .jba-v15220-completion-card b{font-size:11.5px!important;font-weight:950!important;color:#173f70!important}
  html body.jba-v15219-body .jba-v15220-completion-card small{font-size:9px!important;color:#76889b!important}
  html body.jba-v15219-body .jba-v15220-completion-card strong{display:grid!important;place-items:center!important;min-width:45px!important;height:32px!important;padding:0 7px!important;border-radius:11px!important;background:#0b3b78!important;color:#fff!important;font-size:12px!important;font-weight:950!important}
  html body.jba-v15219-body .jba-v15220-completion-card>i{grid-column:1/3!important;width:100%!important;height:5px!important;border-radius:999px!important;background:linear-gradient(to left,#f2b94b var(--profile-progress),#e7edf4 var(--profile-progress))!important}

  html body.jba-v15219-body .jba-v15219-profile-nav{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:12px 0!important}
  html body.jba-v15219-body .jba-v15219-profile-nav-link{
    display:grid!important;grid-template-columns:46px minmax(0,1fr) 22px!important;align-items:center!important;gap:11px!important;
    min-height:62px!important;padding:8px 10px!important;border:1px solid #e0e8f1!important;border-radius:17px!important;background:#fff!important;
    color:#20364d!important;box-shadow:0 3px 12px rgba(8,47,73,.035)!important;transform:none!important
  }
  html body.jba-v15219-body .jba-v15219-profile-nav-link.is-active{border-color:#0b3b78!important;background:linear-gradient(135deg,#082f49,#0b4f7a)!important;color:#fff!important;box-shadow:0 9px 23px rgba(8,47,73,.2)!important}
  html body.jba-v15219-body .jba-v15219-nav-icon{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border-radius:14px!important;background:#edf4fb!important;color:#0b4f7a!important;font-size:18px!important}
  html body.jba-v15219-body .jba-v15219-nav-copy{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
  html body.jba-v15219-body .jba-v15219-nav-copy b{font-size:12.5px!important;font-weight:950!important;line-height:1.5!important}
  html body.jba-v15219-body .jba-v15219-nav-copy small{display:block!important;color:#7a8999!important;font-size:9.5px!important;line-height:1.5!important;white-space:normal!important}
  html body.jba-v15219-body .jba-v15219-profile-nav-link.is-active .jba-v15219-nav-copy small{color:rgba(255,255,255,.72)!important}
  html body.jba-v15219-body .jba-v15219-nav-arrow{display:block!important;color:#9ba9b8!important;font-size:15px!important}

  html body.jba-v15219-body .jba-v15219-sidebar-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding-top:12px!important}
  html body.jba-v15219-body .jba-v15219-sidebar-actions a{justify-content:center!important;min-height:43px!important;padding:8px!important;border:1px solid #e0e7ef!important;border-radius:14px!important;background:#fff!important;font-size:10px!important}

  .jba-v162028-profile-backdrop{position:fixed!important;z-index:100110!important;inset:0!important;background:rgba(4,21,40,.52)!important;backdrop-filter:blur(2px)!important;opacity:0!important;visibility:hidden!important;transition:.18s ease!important}
  .jba-v162028-profile-backdrop.is-visible{opacity:1!important;visibility:visible!important}
  html body.jba-v162028-profile-menu-open{overflow:hidden!important;touch-action:none!important}

  html body.jba-v15219-body #jbaMobileDockV15272 .jba-v15272-dock-item.is-profile-menu .jba-v15272-dock-icon svg{fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  html body.jba-v15219-body #jbaMobileDockV15272 .jba-v15272-dock-item.is-profile-menu.is-menu-open{background:#f4c55f!important;color:#082f49!important}
}

/* v16.20.29 — profile pages use a focused three-button mobile dock. */
@media (max-width:900px), (pointer:coarse) {
  html body.jba-v15219-body #jbaMobileDockV15272.jba-v162029-profile-three-dock{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    padding-right:9px!important;
    padding-left:9px!important;
  }
  html body.jba-v15219-body #jbaMobileDockV15272.jba-v162029-profile-three-dock > .jba-v15272-dock-item{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}