/* Wire · h9309d · Mobile Menu All-Surfaces Visual Owner
 *
 * One late-loading visual owner for BOTH current mobile menu implementations:
 * 1) v230m original .wire-app > .left-rail menu
 * 2) cloned .wire-mobile-left-drawer fallback
 *
 * Browser and installed Web App use the same selectors.
 */

@media(max-width:820px){
  /* ------------------------------
     Shared near-black menu surface
     ------------------------------ */
  body.wire-original-left-menu-open .wire-app > .left-rail,
  .wire-mobile-left-drawer,
  .wire-mobile-left-drawer>header,
  .wire-mobile-left-drawer .wire-mobile-drawer-body,
  .wire-mobile-left-drawer [data-wire-left-drawer-content],
  .wire-mobile-left-drawer .wire-main-sidebar-303f1h213{
    background:#010305!important;
    background-color:#010305!important;
    background-image:none!important;
  }

  body.wire-original-left-menu-open
  .wire-app > .left-rail
  .wire-main-sidebar-303f1h213,
  body.wire-original-left-menu-open
  .wire-app > .left-rail
  .wire-main-sidebar-scroll-303f1h213,
  body.wire-original-left-menu-open
  .wire-app > .left-rail
  .wire-main-sidebar-top-dock-303f1h9288b,
  body.wire-original-left-menu-open
  .wire-app > .left-rail
  .wire-main-sidebar-profile-303f1h213,
  .wire-mobile-left-drawer .wire-main-sidebar-scroll-303f1h213,
  .wire-mobile-left-drawer .wire-main-sidebar-profile-303f1h213{
    background:#010305!important;
    background-color:#010305!important;
    background-image:none!important;
  }

  body.wire-original-left-menu-open .wire-app > .left-rail,
  .wire-mobile-left-drawer{
    border-right-color:rgba(73,89,102,.18)!important;
    box-shadow:18px 0 56px rgba(0,0,0,.72)!important;
  }

  /* ------------------------------
     Original v230m brand owner
     ------------------------------ */
  body.wire-original-left-menu-open
  .wire-app > .left-rail
  .wire-main-sidebar-brand-303f1h213{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-height:86px!important;
    height:86px!important;
    margin:0!important;
    padding:0!important;
    background:#020406!important;
    background-color:#020406!important;
    background-image:none!important;
    border-bottom:1px solid rgba(75,92,105,.15)!important;
    overflow:visible!important;
  }

  body.wire-original-left-menu-open
  .wire-app > .left-rail
  .wire-main-sidebar-brand-303f1h213>a{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:calc(100% - 148px)!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    transform:translate(-50%,-50%)!important;
  }

  body.wire-original-left-menu-open
  .wire-app > .left-rail
  .wire-main-sidebar-brand-303f1h213 img,
  body.wire-original-left-menu-open
  .wire-app > .left-rail
  .wire-main-sidebar-brand-303f1h213 img.wire-primary-brand-logo{
    display:block!important;
    width:min(45vw,156px)!important;
    max-width:156px!important;
    height:auto!important;
    max-height:54px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    filter:none!important;
  }

  /* ------------------------------
     Cloned drawer brand/header owner
     ------------------------------ */
  .wire-mobile-left-drawer>header{
    min-height:58px!important;
    height:58px!important;
    padding:0 14px!important;
    border-bottom:1px solid rgba(75,92,105,.15)!important;
    box-shadow:none!important;
  }

  .wire-mobile-left-drawer
  .wire-main-sidebar-brand-303f1h213{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-height:86px!important;
    height:86px!important;
    margin:0!important;
    padding:0!important;
    background:#020406!important;
    background-color:#020406!important;
    background-image:none!important;
    border-bottom:1px solid rgba(75,92,105,.15)!important;
    overflow:visible!important;
  }

  .wire-mobile-left-drawer
  .wire-main-sidebar-brand-303f1h213>a{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:calc(100% - 118px)!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    transform:translate(-50%,-50%)!important;
  }

  .wire-mobile-left-drawer
  .wire-main-sidebar-brand-303f1h213 img,
  .wire-mobile-left-drawer
  .wire-main-sidebar-brand-303f1h213 img.wire-primary-brand-logo{
    display:block!important;
    width:min(45vw,156px)!important;
    max-width:156px!important;
    height:auto!important;
    max-height:54px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    filter:none!important;
  }

  /* ------------------------------
     Both close controls
     ------------------------------ */
  .wire-original-left-menu-close,
  .wire-mobile-left-drawer>header button{
    width:42px!important;
    height:42px!important;
    border:1px solid rgba(99,118,133,.25)!important;
    background:#070b0f!important;
    background-color:#070b0f!important;
    color:#f4f7fa!important;
    box-shadow:0 8px 24px rgba(0,0,0,.44)!important;
  }

  .wire-original-left-menu-close{
    right:14px!important;
    top:max(16px,env(safe-area-inset-top))!important;
  }
}

/* iOS/Android installed Web App: same authoritative visual owner.
 * No duplicate PWA menu is introduced. */
@media(display-mode:standalone) and (max-width:820px){
  html,
  body,
  body.wire-original-left-menu-open,
  body.wire-mobile-drawer-open{
    background:#010305!important;
    background-color:#010305!important;
  }

  body.wire-original-left-menu-open .wire-app > .left-rail,
  .wire-mobile-left-drawer,
  .wire-mobile-left-drawer>header,
  .wire-mobile-left-drawer .wire-mobile-drawer-body,
  .wire-mobile-left-drawer [data-wire-left-drawer-content]{
    background:#010305!important;
    background-color:#010305!important;
    background-image:none!important;
  }

  body.wire-original-left-menu-open
  .wire-app > .left-rail
  .wire-main-sidebar-brand-303f1h213,
  .wire-mobile-left-drawer
  .wire-main-sidebar-brand-303f1h213{
    background:#020406!important;
    background-color:#020406!important;
    background-image:none!important;
  }
}