/* SGW V834 - Menu superior enquadrado/alinhado
   Base visual: estado atual V833 + mockup aprovado.
   Escopo: SOMENTE primeira linha do menu.
   Preserva segunda linha, banner, dashboard, emojis e funcionalidades.
*/

:root{
  --sgw834-blue:#0F67ED;
  --sgw834-dark:#09285A;
  --sgw834-text:#16395F;
  --sgw834-border:#BCD4F1;
  --sgw834-hover:#EAF3FF;
  --sgw834-surface:#FFFFFF;
}

/* ===== SHELL / PRIMEIRA LINHA ===== */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell{
  background:#fff!important;
  border-bottom:1px solid #DFE9F5!important;
  box-shadow:0 2px 10px rgba(9,40,90,.04)!important;
}

/* linha superior toda enquadrada */
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;

  width:100%!important;
  max-width:100%!important;
  min-width:0!important;

  padding:6px 12px!important;
  margin:0!important;

  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

/* ===== MARCA ===== */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-brand{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;

  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  height:46px!important;

  margin:0!important;
  padding:0!important;

  background:#fff!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-logo{
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  border-radius:50%!important;
}

html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-brand-copy{
  min-width:0!important;
  max-width:98px!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;
  max-width:98px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10px!important;
  line-height:1.1!important;
  color:var(--sgw834-dark)!important;
  -webkit-text-fill-color:var(--sgw834-dark)!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;
  max-width:98px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:8px!important;
  line-height:1.1!important;
  margin-top:2px!important;
  color:#637093!important;
  -webkit-text-fill-color:#637093!important;
}

/* ===== NAV REAL ===== */
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:space-between!important;

  gap:4px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:46px!important;

  margin:0!important;
  padding:0!important;

  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* item wrapper */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-navitem,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-menu-host{
  position:relative!important;
  display:flex!important;
  align-items:center!important;

  flex:0 1 auto!important;
  min-width:0!important;
  max-width:none!important;

  margin:0!important;
  padding:0!important;

  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* botões do menu todos alinhados e mesma altura */
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{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;

  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;

  margin:0!important;
  padding:0 10px!important;

  border:1px solid #6FA6E3!important;
  border-radius:14px!important;

  background:#fff!important;
  background-color:#fff!important;

  color:var(--sgw834-dark)!important;
  -webkit-text-fill-color:var(--sgw834-dark)!important;

  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:normal!important;
  text-decoration:none!important;
  white-space:nowrap!important;

  box-shadow:none!important;
  outline:0!important;
  box-sizing:border-box!important;

  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
}

/* mantém texto/ícone/caret centralizados */
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 *{
  vertical-align:middle!important;
  line-height:1!important;
}

/* emoji V832/V831 também fica enquadrado */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw832-menu-emoji::before,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw831-has-emoji::before{
  margin:0!important;
  flex:0 0 17px!important;
  width:17px!important;
  min-width:17px!important;
  height:17px!important;
  font-size:14px!important;
  line-height:17px!important;
}

/* caret alinhado */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-caret{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:8px!important;
  min-width:8px!important;
  height:14px!important;
  margin-left:1px!important;
  font-size:8px!important;
  line-height:1!important;
}

/* hover */
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{
  background:var(--sgw834-hover)!important;
  background-color:var(--sgw834-hover)!important;
  color:var(--sgw834-blue)!important;
  -webkit-text-fill-color:var(--sgw834-blue)!important;
  border-color:#4F93DD!important;
  box-shadow:0 4px 10px 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(--sgw834-blue)!important;
  background-color:var(--sgw834-blue)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:var(--sgw834-blue)!important;
  box-shadow:0 5px 14px rgba(15,103,237,.20)!important;
}

/* dropdown não é alterado estruturalmente */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-dropdown,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-menu{
  z-index:2147483200!important;
}

/* ===== AJUSTE PARA 1280-1450px ===== */
@media(max-width:1450px){
  html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-navrow{
    grid-template-columns:150px minmax(0,1fr)!important;
    gap:6px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }

  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{
    gap:3px!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{
    padding-left:8px!important;
    padding-right:8px!important;
    font-size:11.5px!important;
  }
}

/* ===== TABLET / CELULAR ===== */
@media(max-width:1100px){
  html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-navrow{
    grid-template-columns:42px minmax(0,1fr)!important;
  }

  html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw450-brand{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
  }

  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-nav,
  html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw460-topnav,
  html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw461-topnav{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width: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;
  }
}