/* PRIME 2 — padronização global de fundos
   Mantém a barra lateral e cabeçalhos escuros, mas usa o mesmo canvas suave
   nas telas administrativas, portal do profissional e superfícies públicas. */
:root{
  --prime-canvas-solid:#f2f6f7;
  --prime-canvas-bg:
    radial-gradient(circle at 8% 84%,rgba(66,177,178,.11),transparent 28%),
    radial-gradient(circle at 93% 14%,rgba(139,38,88,.09),transparent 30%),
    linear-gradient(135deg,#edf4f5 0%,#f7f8fa 54%,#fbf2f6 100%);
  --prime-surface:#fff;
}

html,body,#prime2-root{background:var(--prime-canvas-solid)}

/* Sistema administrativo */
.p2-shell-sidebar-only{background:var(--prime-canvas-bg)!important}
.p2-shell-sidebar-only>.p2-main{
  background:var(--prime-canvas-bg)!important;
  background-attachment:fixed!important;
}
#p2-outlet{
  min-height:calc(100vh - 62px);
  background:transparent!important;
}

/* Os módulos deixam de criar um segundo "fundo de página" sobre o canvas global. */
#p2-outlet>[class*="-page"],
#p2-outlet>[class$="-page"],
#p2-outlet>[class*="-directory"],
#p2-outlet>.p2-home{
  background:transparent!important;
}

/* Área do profissional */
.pp-shell{
  background:var(--prime-canvas-bg)!important;
  background-attachment:fixed!important;
}
.pp-main{background:transparent!important}

/* Solicitação pública / tela do paciente */
html.wait-public-mode,body.wait-public-mode{background:var(--prime-canvas-solid)!important}
.wait-public-page{
  background:var(--prime-canvas-bg)!important;
  background-attachment:fixed!important;
}

/* Atendimento virtual público: mesmo fundo externo; conversa continua com sua
   superfície própria para preservar leitura das mensagens. */
html.vc-public-mode,body.vc-public-mode{background:var(--prime-canvas-solid)!important}
.vc-public-page{background:var(--prime-canvas-bg)!important}

/* Evita faixas de outra cor nas bordas/áreas vazias em telas largas. */
@media(min-width:981px){
  .p2-shell-sidebar-only>.p2-main,
  .pp-shell,
  .wait-public-page,
  .vc-public-page{background-size:100% 100%!important}
}

/* Em telas pequenas o gradiente permanece suave e contínuo. */
@media(max-width:980px){
  .p2-shell-sidebar-only>.p2-main{background-attachment:scroll!important}
  .pp-shell,.wait-public-page{background-attachment:scroll!important}
}