/* V1219 — impede overflow horizontal da página e mantém tooltips dentro da viewport. */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

#app-shell {
  width: 100%;
  max-width: 100vw;
  min-width: 0;
  overflow-x: clip;
}

#content-col {
  flex: 1 1 0;
  width: 0;
  max-width: 100%;
  min-width: 0 !important;
}

#main {
  width: 100%;
  max-width: 1440px;
  min-width: 0 !important;
  box-sizing: border-box;
}

/* Conteúdo do cadastro nunca pode alargar a página. */
.clientes-page,
.cliente-form-v1207,
.cliente-form-v1207 #cliente-form,
.cliente-form-v1207 .cliente-cadastro-secao,
.cliente-form-v1207 .cliente-cadastro-grid,
.cliente-form-v1207 .cliente-identificacao-grid,
.cliente-form-v1207 .field {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* Tooltips fixed não alteram a largura scrollável do documento. */
.cliente-form-v1207 .cliente-tooltip-flutuante-v1218 {
  position: fixed !important;
  left: 12px;
  right: auto;
  top: 12px;
  bottom: auto;
  width: max-content;
  min-width: min(180px, calc(100vw - 24px));
  max-width: min(280px, calc(100vw - 24px));
  overflow-wrap: anywhere;
  z-index: 100000;
}

@media (max-width: 760px) {
  #main { padding-left: 12px; padding-right: 12px; }
  .cliente-form-v1207 .cliente-tooltip-flutuante-v1218 {
    max-width: calc(100vw - 24px);
  }
}