/* =========================================================
   V28.7.105 RC26 — BRAND FAVICON + MOBILE LOGIN FIX
   Scope: header/mobile auth visibility only. Desktop unchanged.
   ========================================================= */

.v28726-mobile-login{display:none;}

@media screen and (max-width:900px){
  body .v2873-header-shell{
    gap:8px!important;
  }

  body .v2873-brand{
    min-width:0!important;
    flex:0 1 auto!important;
    margin-right:0!important;
  }

  body .v28726-mobile-login{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
    padding:0 14px!important;
    margin-left:auto!important;
    border:1px solid #dfe5f1!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#4055d5!important;
    font-size:14px!important;
    font-weight:850!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    box-shadow:0 4px 14px rgba(20,30,60,.06)!important;
  }

  body .mobile-menu-btn{
    margin-left:0!important;
    flex:0 0 44px!important;
  }

  body .mobile-drawer > a.v28726-mobile-drawer-login{
    background:linear-gradient(135deg,#3157e7,#6a4ff7)!important;
    color:#fff!important;
    justify-content:center!important;
    border-bottom:0!important;
    margin-top:2px!important;
  }
}

@media screen and (max-width:370px){
  body .v2873-rainbow-brand{
    font-size:13px!important;
  }
  body .v28726-mobile-login{
    min-height:40px!important;
    padding:0 10px!important;
    font-size:13px!important;
  }
  body .mobile-menu-btn{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
  }
}