/* PHCO Navbar Standard
   Componente único para todas as páginas internas da plataforma.
   O modelo visual é o mesmo da Central de canais. */
:root{
  --phco-navbar-max:1240px;
  --phco-navbar-height:68px;
  --phco-navbar-border:rgba(255,255,255,.075);
  --phco-navbar-surface:rgba(7,8,11,.86);
  --phco-navbar-text:#eef0f7;
}

.phco-navbar{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  width:100%!important;
  background:var(--phco-navbar-surface)!important;
  border:0!important;
  border-bottom:1px solid var(--phco-navbar-border)!important;
  box-shadow:none!important;
  backdrop-filter:blur(20px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(140%)!important;
}

.phco-navbar-inner{
  width:min(calc(100% - 56px),var(--phco-navbar-max))!important;
  min-height:var(--phco-navbar-height)!important;
  height:var(--phco-navbar-height)!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.phco-navbar-brand{
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:11px!important;
  color:#fff!important;
  text-decoration:none!important;
  line-height:1!important;
  flex:0 0 auto!important;
}

.phco-navbar-logo{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.025)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.055),0 8px 28px rgba(154,104,245,.10)!important;
}

.phco-navbar-logo img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:inherit!important;
  filter:drop-shadow(0 0 12px rgba(165,107,255,.27))!important;
}

.phco-navbar-wordmark{
  display:inline-block!important;
  margin:0!important;
  font-family:"Segoe UI Variable Text","Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;
  font-size:1.16rem!important;
  font-weight:750!important;
  line-height:1!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  background:linear-gradient(90deg,#fff 0%,#eadcff 30%,#c67dff 68%,#f0d9ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  text-shadow:none!important;
  filter:none!important;
  transform:none!important;
}

.phco-navbar-actions{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex:0 1 auto!important;
}

.phco-navbar-btn{
  min-width:0!important;
  min-height:38px!important;
  height:38px!important;
  margin:0!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.025)!important;
  color:var(--phco-navbar-text)!important;
  font-family:"Segoe UI Variable Text","Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;
  font-size:.84rem!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
  box-shadow:none!important;
}

.phco-navbar-btn:hover,
.phco-navbar-btn:focus-visible{
  transform:translateY(-1px)!important;
  border-color:rgba(165,107,255,.42)!important;
  background:rgba(165,107,255,.08)!important;
  color:#fff!important;
  outline:none!important;
}

.phco-navbar-btn:active{transform:translateY(0)!important}
.phco-navbar .hidden{display:none!important}

@media(max-width:760px){
  .phco-navbar-inner{
    width:min(calc(100% - 28px),var(--phco-navbar-max))!important;
    min-height:64px!important;
    height:64px!important;
    gap:10px!important;
  }
  .phco-navbar-brand{gap:9px!important}
  .phco-navbar-logo{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:12px!important}
  .phco-navbar-wordmark{font-size:1.05rem!important;letter-spacing:.19em!important}
  .phco-navbar-actions{gap:6px!important}
  .phco-navbar-btn{height:36px!important;min-height:36px!important;padding:0 11px!important;font-size:.78rem!important;border-radius:10px!important}
}

@media(max-width:560px){
  .phco-navbar-wordmark{display:none!important}
}

@media(max-width:360px){
  .phco-navbar-inner{width:calc(100% - 20px)!important;gap:7px!important}
  .phco-navbar-logo{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:10px!important}
  .phco-navbar-actions{gap:4px!important}
  .phco-navbar-btn{height:34px!important;min-height:34px!important;padding:0 8px!important;font-size:.71rem!important;border-radius:9px!important}
}

@media(prefers-reduced-motion:reduce){
  .phco-navbar-btn{transition:none!important}
  .phco-navbar-btn:hover,.phco-navbar-btn:focus-visible{transform:none!important}
}