/* Contêiner único para todas as páginas internas do painel. */
:root{
  --panel-content-max:1480px;
  --panel-gutter:clamp(28px,4vw,64px);
}

.app-main > main.enterprise-main,
.app-main > main.users-main,
.app-main > main.account-main{
  width:100%;
  max-width:var(--panel-content-max);
  margin-right:auto;
  margin-left:auto;
  padding-right:var(--panel-gutter);
  padding-left:var(--panel-gutter);
}

/* Neutraliza larguras próprias que causavam o salto lateral entre telas. */
.app-main > main.plant-portfolio-page,
.app-main > main.consumers-page,
.app-main > main.utility-main,
.app-main > main.finance-page,
.app-main > main.pay-page{
  width:100%;
  max-width:var(--panel-content-max);
  margin-right:auto;
  margin-left:auto;
}

/* Cabeçalho visual compartilhado nas telas que ainda usavam título solto. */
.panel-heading-card,
.enterprise-main > .enterprise-hero{
  min-height:168px;
  padding:32px 38px;
  border:1px solid #d6e1ee;
  border-radius:24px;
  background:linear-gradient(135deg,#fff 72%,#fff9f2);
  box-shadow:0 12px 30px rgba(30,61,99,.045);
}

.utility-heading.panel-heading-card{margin-bottom:16px}

@media (max-width:1100px){
  :root{--panel-gutter:28px}
}

@media (max-width:700px){
  :root{--panel-gutter:16px}
  .panel-heading-card,
  .enterprise-main > .enterprise-hero{min-height:0;padding:24px 21px;border-radius:18px}
}