/* VerifiedScore V127
   Fix authenticated public mobile drawer dimming caused by backdrop stacking above header.
   Also make the mobile Dashboard action full-bleed across the drawer width. */

@media (max-width:900px){
  /*
   * app.css creates a stacking context on .site-header. A body-level backdrop with a
   * higher z-index can therefore sit above the whole authenticated drawer even when
   * the nav itself has a high child z-index. Keep the complete public header/drawer
   * above the backdrop while the menu is open.
   */
  body.menu-open .site-header,
  body.is-authenticated.menu-open .site-header,
  body.is-guest.menu-open .site-header{
    position:sticky!important;
    z-index:10040!important;
    isolation:isolate!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body .site-header .main-nav,
  body .site-header nav[data-menu],
  body .site-header .main-nav.open,
  body .site-header nav[data-menu].open{
    z-index:10050!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:#041f24!important;
    background-image:linear-gradient(180deg,#041f24 0%,#062b31 58%,#031b1f 100%)!important;
  }

  /* Backdrop only dims the page behind the drawer. Never cover/dim the drawer. */
  body .menu-backdrop,
  body .menu-backdrop.show,
  body.is-authenticated .menu-backdrop,
  body.is-authenticated .menu-backdrop.show,
  body.is-guest .menu-backdrop,
  body.is-guest .menu-backdrop.show{
    z-index:9990!important;
    background:rgba(0,25,30,.66)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
    -webkit-filter:none!important;
  }

  /* Keep every visible drawer surface fully opaque/sharp. */
  body .site-header .mobile-menu-head,
  body .site-header nav[data-menu]>a,
  body .site-header .main-nav>a,
  body .site-header .nav-actions,
  body .site-header .ts126-mobile-dashboard{
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* Logged-in action must touch both drawer edges: no outer 9px inset. */
  body.is-authenticated .site-header .nav-actions{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    margin-top:auto!important;
    padding:0!important;
    gap:0!important;
    display:block!important;
    box-sizing:border-box!important;
    background:#031b1f!important;
  }

  body.is-authenticated .site-header .ts126-mobile-dashboard{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    min-height:54px!important;
    box-sizing:border-box!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-radius:0!important;
    padding:0 18px!important;
    background:#0b4a53!important;
  }
}

/* V128: authenticated Dashboard and Logout stay in one mobile row. */
@media(max-width:900px){
  body.is-authenticated .site-header .nav-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:stretch!important;
  }
  body.is-authenticated .site-header .ts126-mobile-dashboard{
    grid-column:auto!important;
    min-width:0!important;
  }
  body.is-authenticated .site-header .ts186-direct-logout{
    display:inline-flex!important;
    min-width:96px!important;
    min-height:54px!important;
    padding:0 12px!important;
    border-top:1px solid rgba(215,177,92,.46)!important;
    border-right:0!important;
    border-bottom:0!important;
    border-left:1px solid rgba(255,255,255,.13)!important;
    background:#073f49!important;
    color:#fff!important;
  }
}