/* Tema global das páginas fragmentadas do app */

:root {
  --nex-shell-bg: #f5f7fb;
  /* Roxo da faixa do título (como no pacote original do app) */
  --nex-navbar-inner-bg: #8f4dff;
}

html,
body,
#app,
.views,
.view,
#navegacao {
  background: var(--nex-shell-bg) !important;
}

/* Página: fundo neutro; variáveis F7 alinhadas ao shell (sem pintar a barra inteira). */
.nex-auth-page,
.dash-page {
  --f7-page-bg-color: var(--nex-shell-bg);
  --f7-bars-bg-color: var(--nex-shell-bg);
  --f7-bars-bg-color-rgb: 245, 247, 251;
  --f7-navbar-bg-color: transparent;
  --f7-navbar-bg-color-rgb: 245, 247, 251;
  background: var(--nex-shell-bg) !important;
}

.nex-auth-page .navbar,
.dash-page .navbar,
.nex-auth-page .navbar-bg,
.dash-page .navbar-bg {
  background: transparent !important;
  backdrop-filter: none !important;
}

/* Somente a faixa do conteúdo do título (navbar-inner) na cor da marca */
.nex-auth-page .navbar-inner,
.dash-page .navbar-inner {
  background: var(--nex-navbar-inner-bg) !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
}

/* Três colunas (voltar | título | marca) como no app de referência — só em páginas dash. */
.dash-page .navbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.dash-page .navbar-inner .left,
.dash-page .navbar-inner .right {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  min-width: 44px;
}

.dash-page .navbar-inner .title {
  flex: 1 1 auto;
  min-width: 0;
  text-align: center;
  margin: 0 !important;
  position: static !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
}

.nex-auth-page .navbar-inner .title,
.dash-page .navbar-inner .title {
  color: #fff !important;
}

.nex-auth-page .navbar-inner a.link,
.dash-page .navbar-inner a.link {
  color: #fff !important;
}

.nex-auth-page .page-content,
.dash-page .page-content {
  background: var(--nex-shell-bg) !important;
  min-height: 0 !important;
}

/* Jurídico: padding controlado em jur-theme.css (evita duplo offset + corte no topo) */
#navegacao .jur-auth-page .page-content,
#navegacao .jur-cad-page .page-content {
  padding-top: 16px !important;
}

/**
 * Meus Profissionais (incl. espelho offline): navbar no fluxo + safe-area numa faixa só.
 * Evita topo desproporcional quando --f7-page-navbar-offset soma com notch/status bar.
 */
#nexMeuPsicologoPage.dash-page .navbar {
  position: relative !important;
  z-index: 5;
}
#nexMeuPsicologoPage.dash-page .navbar-inner {
  box-sizing: border-box;
  min-height: 44px;
  padding-top: max(10px, env(safe-area-inset-top, 0px));
  padding-bottom: 10px;
}
#nexMeuPsicologoPage.dash-page .page-content {
  padding-top: 12px !important;
}
#nexPatientOverlaySheet #nexMeuPsicologoPage.dash-page .navbar {
  position: relative !important;
}
#nexPatientOverlaySheet #nexMeuPsicologoPage.dash-page .page-content {
  padding-top: 12px !important;
}

/* Chat IA: mesma correção na cadeia flex (evita rolagem “presa” após sair do chat). */
.sic-page .page-content {
  min-height: 0 !important;
}


.page .db-navbar-right-logo {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 32px;
  margin-right: calc(8px + env(safe-area-inset-right, 0px));
  margin-left: 4px;
  background: transparent;
}

/* Logo PNG colorido na navbar: força traço branco (preserva alfa do PNG). */
.page .db-navbar-app-logo {
  height: 28px;
  width: auto;
  max-width: 104px;
  object-fit: contain;
  object-position: center right;
  display: block;
  background: transparent !important;
  vertical-align: middle;
  filter: brightness(0) invert(1);
  opacity: 1;
  -webkit-user-drag: none;
  pointer-events: none;
}

/* Marca SVG na navbar: filtro explícito (alguns WebViews ignoram herança em <img>). */
.page .db-navbar-app-logo.db-navbar-app-logo--mark {
  filter: brightness(0) invert(1);
  height: 26px;
  max-width: 88px;
  opacity: 1;
}

/*
 * Framework7 usa z-index baixo nos diálogos (.dialog / backdrop ~13–14k; toast ~20k).
 * Overlays internos (terapia em grupo ~23k; overlay paciente ~95k; NexWa ~1M) podem ficar por cima
 * do conteúdo do modal no Android WebView — empilhamento global alto + .dialog-inner explícito.
 */
.dialog-backdrop,
.fab-backdrop,
.popover-backdrop,
.popup-backdrop,
.preloader-backdrop,
.sheet-backdrop {
  z-index: 3000000 !important;
}
.dialog {
  z-index: 3000001 !important;
}
.dialog.modal-out {
  z-index: 3000000 !important;
}
.dialog.modal-in .dialog-inner {
  position: relative;
  z-index: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.actions-modal {
  z-index: 3000001 !important;
}
.popover {
  z-index: 3000001 !important;
}
.popup {
  z-index: 2999800 !important;
}
.toast {
  z-index: 3000002 !important;
}