/* SGW V827 - SUBBAR: alinhamento + cores
   Referência: SGW_MENU_PREVIEW(1).html
   Escopo: SOMENTE a segunda linha do topo real:
   busca | SGW ONLINE | data/hora | sino | conta.
*/

:root{
  --sgw827-primary:#0F67ED;
  --sgw827-primary-dark:#09285A;
  --sgw827-text:#071532;
  --sgw827-text-2:#637093;
  --sgw827-border:#BCD4F1;
  --sgw827-surface:#F8FBFF;
}

/* Container real classificado pelo JS */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-subbar{
  display:grid!important;
  grid-template-columns:minmax(310px,1.6fr) .6fr .9fr 44px minmax(180px,.65fr)!important;
  gap:10px!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  padding:0 12px 10px!important;
  margin:0!important;
  background:#fff!important;
  background-color:#fff!important;
  border:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

/* Todos os 5 blocos com mesma altura, mesma borda e mesma cor */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-subbox{
  min-width:0!important;
  width:auto!important;
  min-height:43px!important;
  height:43px!important;
  margin:0!important;
  padding:7px 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  background:var(--sgw827-surface)!important;
  background-color:var(--sgw827-surface)!important;
  border:1px solid var(--sgw827-border)!important;
  border-radius:13px!important;
  box-shadow:none!important;
  color:#20476F!important;
  -webkit-text-fill-color:#20476F!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-subbox *{
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}

/* Busca */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-search{
  grid-column:1!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-search input{
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  color:#16395F!important;
  -webkit-text-fill-color:#16395F!important;
  font-size:12px!important;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-search input::placeholder{
  color:#637093!important;
  -webkit-text-fill-color:#637093!important;
  opacity:1!important;
}

/* Atalho Ctrl+K: na captura estava um bloco azul sem texto */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-kbd{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:48px!important;
  height:24px!important;
  padding:0 7px!important;
  margin-left:auto!important;
  background:#09285A!important;
  background-color:#09285A!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:0!important;
  border-radius:5px!important;
  font-size:9px!important;
  font-weight:700!important;
  line-height:1!important;
  box-shadow:none!important;
}

/* Status */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-status-box{
  grid-column:2!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-dot{
  flex:0 0 8px!important;
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  min-height:8px!important;
  border-radius:50%!important;
  background:#22D487!important;
  background-color:#22D487!important;
  box-shadow:0 0 8px #22D487!important;
  padding:0!important;
  margin:0!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-status-text{
  color:#20476F!important;
  -webkit-text-fill-color:#20476F!important;
  font-size:10px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

/* Relógio */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-clock{
  grid-column:3!important;
  justify-content:flex-start!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-clock small{
  display:block!important;
  color:#6D829E!important;
  -webkit-text-fill-color:#6D829E!important;
  font-size:8px!important;
  line-height:1.1!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-clock strong{
  display:block!important;
  color:var(--sgw827-primary-dark)!important;
  -webkit-text-fill-color:var(--sgw827-primary-dark)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.1!important;
}

/* Sino */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-bell{
  grid-column:4!important;
  justify-content:center!important;
  position:relative!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:visible!important;
  color:var(--sgw827-primary-dark)!important;
  -webkit-text-fill-color:var(--sgw827-primary-dark)!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-count{
  position:absolute!important;
  top:-5px!important;
  right:4px!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  background:var(--sgw827-primary)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:8px!important;
  font-weight:800!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  border:0!important;
}

/* Conta */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-account{
  grid-column:5!important;
  justify-content:flex-start!important;
  gap:9px!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-avatar{
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  border-radius:50%!important;
  background:#0A4D97!important;
  background-color:#0A4D97!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  display:grid!important;
  place-items:center!important;
  font-size:8px!important;
  font-weight:800!important;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-account strong,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-account b{
  display:block!important;
  max-width:120px!important;
  color:var(--sgw827-text)!important;
  -webkit-text-fill-color:var(--sgw827-text)!important;
  font-size:10px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-account small,
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-account span:not(.sgw827-avatar){
  display:block!important;
  max-width:120px!important;
  color:#6D829E!important;
  -webkit-text-fill-color:#6D829E!important;
  font-size:8px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Evita wrappers antigos aumentarem/moverem a segunda linha */
html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-subbar > .sgw827-subbox{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
}

/* Mobile igual ao preview */
@media(max-width:980px){
  html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-subbar{
    grid-template-columns:1fr 1fr!important;
  }
  html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-bell,
  html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-account{
    display:none!important;
  }
  html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-search,
  html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-status-box,
  html.sgw469-nav-owner body.sgw453-provider-server #sgw450TopShell .sgw827-clock{
    grid-column:auto!important;
  }
}