/* SGW V826 - MENU REAL: seletores corretos
   Corrige a causa raiz identificada:
   - o shell real #sgw450TopShell precisa continuar FIXED no topo;
   - o body já reserva o espaço do cabeçalho via V469/V470;
   - estiliza diretamente as classes reais .sgw450-*, .sgw460-* e .sgw461-*.
   Referência visual: SGW_MENU_PREVIEW(1).html
*/

:root{
  --sgw826-primary:#0F67ED;
  --sgw826-primary-dark:#09285A;
  --sgw826-text:#071532;
  --sgw826-text-2:#637093;
  --sgw826-bg:#F7FAFF;
  --sgw826-surface:#FFFFFF;
  --sgw826-border:#BCD4F1;
  --sgw826-hover:#EAF3FF;
  --sgw826-shadow:0 8px 24px rgba(9,40,90,.10);
}

/* CAUSA RAIZ: manter o shell REAL fixo.
   V825 havia colocado position:relative, enquanto o body continua com padding-top do V469. */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell.sgw460-top-shell,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell.sgw461-top-shell,
html.sgw461-nav-final body.sgw453-provider-server #sgw450TopShell.sgw461-top-shell{
  position:fixed!important;
  inset:0 0 auto 0!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  transform:none!important;
  overflow:visible!important;
  z-index:2147483000!important;
  background:#fff!important;
  background-color:#fff!important;
  color:var(--sgw826-text)!important;
  border:0!important;
  border-bottom:1px solid #DFE9F5!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

/* PRIMEIRA LINHA REAL */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-navrow{
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  padding-left:12px!important;
  padding-right:12px!important;
  background:#fff!important;
  background-color:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

/* MARCA REAL */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-brand{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:150px!important;
  width:150px!important;
  max-width:150px!important;
  height:48px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-logo{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#082454,#0F67ED)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:900!important;
  font-size:11px!important;
  border:2px solid #65B2F6!important;
  box-shadow:0 0 0 3px #EDF6FF!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-brand-copy{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-brand-copy b,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-brand-copy strong{
  display:block!important;
  color:var(--sgw826-primary-dark)!important;
  -webkit-text-fill-color:var(--sgw826-primary-dark)!important;
  font-size:10px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-brand-copy span,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-brand-copy small{
  display:block!important;
  color:var(--sgw826-text-2)!important;
  -webkit-text-fill-color:var(--sgw826-text-2)!important;
  font-size:9px!important;
  margin-top:3px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* NAV REAL: V450/V460/V461/V466/V467 */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-nav,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw460-topnav,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-topnav,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw466-nav,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw467-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:3px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:58px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-nav::-webkit-scrollbar,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw460-topnav::-webkit-scrollbar,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-topnav::-webkit-scrollbar{
  display:none!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-navitem,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-menu-host{
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:none!important;
  position:relative!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* BOTÕES/LINKS REAIS - exatamente a identidade do preview */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-navlink,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-navbutton,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw460-nav-item,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-trigger,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell.sgw453-compact .sgw450-navlink,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell.sgw453-compact .sgw450-navbutton,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell.sgw453-ultra .sgw450-navlink,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell.sgw453-ultra .sgw450-navbutton{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:45px!important;
  min-height:45px!important;
  padding:0 14px!important;
  border:1px solid #6FA6E3!important;
  border-radius:15px!important;
  background:#fff!important;
  background-color:#fff!important;
  color:var(--sgw826-primary-dark)!important;
  -webkit-text-fill-color:var(--sgw826-primary-dark)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:.16s ease!important;
  box-shadow:none!important;
  outline:0!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
  letter-spacing:normal!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-navlink *,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-navbutton *,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw460-nav-item *,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-trigger *{
  color:var(--sgw826-primary-dark)!important;
  -webkit-text-fill-color:var(--sgw826-primary-dark)!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}

/* ícones e caret devem aparecer mesmo em compact/ultra */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-navicon,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell.sgw453-compact .sgw450-navicon,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell.sgw453-ultra .sgw450-navicon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-width:14px!important;
  font-size:14px!important;
  transform:none!important;
  color:currentColor!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-caret,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell.sgw453-ultra .sgw450-caret{
  display:inline-block!important;
  flex:0 0 auto!important;
  font-size:8px!important;
  color:currentColor!important;
}

/* hover / menu aberto */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-navlink:hover,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-navbutton:hover,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw460-nav-item:hover,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-trigger:hover,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-menu-host.sgw461-open > .sgw461-trigger{
  background:var(--sgw826-hover)!important;
  background-color:var(--sgw826-hover)!important;
  color:var(--sgw826-primary)!important;
  -webkit-text-fill-color:var(--sgw826-primary)!important;
  border-color:#4F93DD!important;
  box-shadow:0 4px 12px rgba(15,103,237,.08)!important;
}

/* rota ativa */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-navlink.active,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-navbutton.active,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw460-nav-item.active,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-trigger.active,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw826-active-route,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell [aria-current="page"]{
  background:var(--sgw826-primary)!important;
  background-color:var(--sgw826-primary)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:var(--sgw826-primary)!important;
  box-shadow:none!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-navlink.active *,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-navbutton.active *,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw460-nav-item.active *,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-trigger.active *,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw826-active-route *,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell [aria-current="page"] *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* DROPDOWNS REAIS */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-dropdown,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-menu{
  position:fixed!important;
  top:58px!important;
  min-width:225px!important;
  max-width:360px!important;
  max-height:calc(100vh - 72px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:7px!important;
  margin:0!important;
  background:#fff!important;
  background-color:#fff!important;
  color:#16395F!important;
  border:1px solid var(--sgw826-border)!important;
  border-radius:12px!important;
  box-shadow:0 16px 36px rgba(9,40,90,.17)!important;
  z-index:2147483200!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-dropdown a,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-dropdown button,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-menu a,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-menu button{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  min-height:0!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#16395F!important;
  -webkit-text-fill-color:#16395F!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  text-align:left!important;
  box-shadow:none!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-dropdown a:hover,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-dropdown button:hover,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-menu a:hover,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-menu button:hover{
  background:#EEF6FF!important;
  color:var(--sgw826-primary)!important;
  -webkit-text-fill-color:var(--sgw826-primary)!important;
}

/* SEGUNDA LINHA: preserva estrutura real e só mantém paleta do preview */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell [class*="search"],
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell [class*="clock"],
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell [class*="time"],
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell [class*="provider"],
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell [class*="account"],
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell [class*="notification"],
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell [class*="status"]{
  border-color:var(--sgw826-border)!important;
}

/* mobile */
@media(max-width:980px){
  html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-brand-copy{
    display:none!important;
  }
  html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-navrow{
    grid-template-columns:40px minmax(0,1fr)!important;
  }
  html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-brand{
    min-width:40px!important;
    width:40px!important;
    max-width:40px!important;
  }
  html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-dropdown,
  html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-menu{
    left:12px!important;
    right:12px!important;
    top:70px!important;
    min-width:0!important;
    max-width:none!important;
    width:auto!important;
  }
}