/* V50: prominent white account/login button on the mobile public header.
   Scoped to the mobile topbar only; drawer, desktop, and login flow unchanged. */
@media (max-width:1180px) {
  html body.public-site.hybrid-navigation .topbar.public-premium-topbar .mobile-login-trigger,
  html body.public-site.hybrid-navigation .topbar.public-premium-topbar .mobile-login-trigger.is-authenticated {
    display:grid!important;
    place-items:center!important;
    background:#ffffff!important;
    color:#17624b!important;
    -webkit-text-fill-color:#17624b!important;
    border:1px solid rgba(255,255,255,.96)!important;
    border-radius:13px!important;
    box-shadow:0 3px 10px rgba(17,29,39,.15), inset 0 0 0 1px rgba(19,96,76,.08)!important;
    opacity:1!important;
    padding:0!important;
    text-decoration:none!important;
  }
  html body.public-site.hybrid-navigation .topbar.public-premium-topbar .mobile-login-trigger::before {
    content:""!important;
    display:block!important;
    width:23px!important;
    height:23px!important;
    background-color:#17624b!important;
    background-image:none!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M4.6 20c.2-4.2 3.1-6.4 7.4-6.4s7.2 2.2 7.4 6.4'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M4.6 20c.2-4.2 3.1-6.4 7.4-6.4s7.2 2.2 7.4 6.4'/%3E%3C/svg%3E")!important;
    -webkit-mask-size:contain!important;
    mask-size:contain!important;
    -webkit-mask-position:center!important;
    mask-position:center!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    font-size:0!important;
    line-height:0!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    opacity:1!important;
  }
  html body.public-site.hybrid-navigation .topbar.public-premium-topbar .mobile-login-trigger:hover,
  html body.public-site.hybrid-navigation .topbar.public-premium-topbar .mobile-login-trigger:focus-visible {
    background:#f1faf6!important;
    box-shadow:0 4px 12px rgba(17,29,39,.18), inset 0 0 0 1px rgba(19,96,76,.13)!important;
  }
  html body.public-site.hybrid-navigation .topbar.public-premium-topbar .mobile-login-trigger:focus-visible {
    outline:2px solid #ffcc77!important;
    outline-offset:2px!important;
  }
}