/* ============================================================
   PROFINANCE HUB V55.52
   Escala confortável do CONTEÚDO, sem mexer no cabeçalho.

   Objetivo:
   - preservar 100% da largura útil e evitar cortes do V55.51;
   - manter cabeçalhos, barras superiores, modais e overlays no tamanho nativo;
   - ampliar somente a área principal de trabalho;
   - adaptar a escala conforme a largura disponível.

   Regras:
   >= 1500px : conteúdo ~105%
   1200-1499 : conteúdo ~102.5%
   < 1200px  : 100% (responsividade nativa)
   Monitor Work/TV: 100% (não é atingido pelos seletores abaixo)
   ============================================================ */

:root{
  --pf-content-scale:1;
  --pf-content-width:100%;
}

/* O seletor abaixo pega somente a área principal das páginas comuns.
   Cabeçalhos são irmãos e, portanto, permanecem exatamente no tamanho original. */
@media (min-width:1500px){
  :root{
    --pf-content-scale:1.05;
    --pf-content-width:95.238095%;
  }
}

@media (min-width:1200px) and (max-width:1499px){
  :root{
    --pf-content-scale:1.025;
    --pf-content-width:97.560976%;
  }
}

@media (min-width:1200px){
  /* Páginas cujo header fica fora do main */
  body > main:not(.app),
  body > section#portal > main,
  body[data-module="calculadora"] > .wrap,
  /* Central de Recepção: o header fica dentro de main.app,
     então ampliamos somente a seção de conteúdo abaixo dele. */
  body > main.app > section.layout{
    zoom:var(--pf-content-scale);
    width:var(--pf-content-width);
    margin-left:auto;
    margin-right:auto;
  }
}

/* Segurança: em telas menores preserva integralmente o layout responsivo. */
@media (max-width:1199px){
  body > main:not(.app),
  body > section#portal > main,
  body[data-module="calculadora"] > .wrap,
  body > main.app > section.layout{
    zoom:1!important;
    width:100%!important;
    max-width:100%;
  }
}

/* O login do portal permanece no tamanho nativo. */
body[data-module="portal"] > #loginScreen{
  zoom:1!important;
}

/* Overlays, drawers, visualizadores e modais ficam em 100% porque
   são posicionados em relação ao viewport e não devem perder conteúdo. */
body > .overlay,
body > .modal,
body > .pdf-modal,
body > .profile-overlay,
body > .viewer-overlay,
body > .welcome-email-overlay,
body > .contract-history-overlay,
body > .drawer-backdrop,
body > .signature-turn-popup,
body > .loading,
body > .toast{
  zoom:1!important;
}