/* Cabecalho unico do aplicativo: replica o cartao principal da Home. */
.app-shared-home-header{
  flex:0 0 auto;
}

.app-shared-home-header .hc-header-brand{
  display:flex;
  align-items:center;
  gap:11px;
  flex:1;
  min-width:0;
}

.app-shared-home-header .hc-header-left > span{
  display:block;
}

.app-shared-home-header:not(.app-shared-home-header--home){
  margin-top:16px;
  margin-bottom:16px;
}

#community .app-shared-home-header,
#profile .app-shared-home-header,
#profile > .app-shared-home-header,
#achievements > .app-shared-home-header,
#library > .app-shared-home-header,
#bookReader > .app-shared-home-header{
  margin-left:16px;
  margin-right:16px;
}

#profile > .app-shared-home-header,
#achievements > .app-shared-home-header,
#library > .app-shared-home-header,
#bookReader > .app-shared-home-header{
  margin-top:calc(env(safe-area-inset-top,0px) + 16px);
}

#sos .app-shared-home-header,
#diary .app-shared-home-header,
#community .app-shared-home-header,
#sosAdmin > .app-shared-home-header,
#adsAdmin > .app-shared-home-header{
  margin-top:0;
}

.app-shared-home-header .hc-brand-mark{
  appearance:none;
  border:0;
  font-family:var(--font);
}

.app-shared-home-header .app-header-back{
  flex:0 0 44px;
  padding:0;
  color:#fff;
  font-size:25px;
  line-height:1;
  letter-spacing:0;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
}

.app-shared-home-header .app-header-back:active{
  transform:scale(.94);
}

.app-shared-home-header .app-header-back:focus-visible{
  outline:3px solid rgba(29,95,208,.28);
  outline-offset:3px;
}

/* Os cabecalhos antigos viram barras locais discretas, sem competir com a Home. */
.has-shared-home-header .sos-head,
.has-shared-home-header .d-top,
.has-shared-home-header .comm-header,
.has-shared-home-header .ig-profile-nav,
.has-shared-home-header .achievements-header,
.has-shared-home-header .sos-admin-header,
.has-shared-home-header .aa-header,
.has-shared-home-header .library-header{
  background:transparent!important;
  color:var(--gray-900)!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
}

.has-shared-home-header .sos-back,
.has-shared-home-header .d-back,
.has-shared-home-header .comm-back,
.has-shared-home-header .achievements-header .back-btn,
.has-shared-home-header .sos-admin-back,
.has-shared-home-header .aa-back,
.has-shared-home-header .library-back,
.has-shared-home-header .pf-back,
.has-shared-home-header .br-header > .br-btn:first-child,
.has-shared-home-header .ig-profile-nav > .ig-profile-icon-btn:first-child{
  display:none!important;
}

.has-shared-home-header .comm-notification-btn{
  display:none!important;
}

#sos.has-shared-home-header .sos-wrap,
#diary.has-shared-home-header .d-clean,
#community.has-shared-home-header .comm-clean{
  padding-top:max(14px,env(safe-area-inset-top,0px))!important;
}

#community.has-shared-home-header .comm-header{
  top:0;
  padding-top:10px;
}

#profile.has-shared-home-header .ig-profile-nav{
  grid-template-columns:1fr auto;
  padding-top:10px;
}

#profile.has-shared-home-header .ig-profile-nav-title{
  text-align:left;
}

#achievements.has-shared-home-header .achievements-header{
  padding:4px 20px 16px;
}

#achievements.has-shared-home-header .achievements-header h2,
#achievements.has-shared-home-header .achievements-header p{
  padding-left:0;
  color:var(--gray-900);
}

#achievements.has-shared-home-header .achievements-header p{
  color:var(--gray-500);
}

#library.has-shared-home-header .library-header{
  padding:2px 20px 8px;
}

#settings.has-shared-home-header .settings-local-header{
  margin-bottom:18px!important;
  padding-top:0!important;
}

#settings.has-shared-home-header .settings-local-header > button{
  display:none!important;
}

#settings.has-shared-home-header .settings-local-header h1{
  font-size:22px!important;
}

#bookReader.has-shared-home-header .br-header{
  position:sticky;
  top:0;
}

#bookReader.has-shared-home-header .br-content{
  min-height:calc(100vh - 190px);
  min-height:calc(100dvh - 190px);
}

@media(max-width:480px){
  .app-shared-home-header .hc-header-mantra{
    white-space:nowrap;
  }
}
