/* ══════════════════════════════════════════════════════════════
   LAYOUT FULL WIDTH — Override
   Remove max-width constraints das páginas principais para
   aproveitar 100% da largura disponível (fora do sidebar).
   Chat mantém centralização (leitura longa).
   ══════════════════════════════════════════════════════════════ */

/* Home dashboard — usa toda a largura */
.home-main-col,
#view-home .home-main-col {
  max-width: none !important;
  width: 100%;
}

/* Detalhes — obra, serviço, cliente */
.vod-body,
.svd-body,
.cld-body {
  max-width: none !important;
  width: 100%;
}

/* Garantir que containers de view ocupem full width */
#view-home,
#view-obras,
#view-clientes,
#view-cliente-detalhe,
#view-obra-detalhe,
#view-servicos,
#view-servico-detalhe,
#view-custos,
#view-kpi,
#view-planejamento,
#view-nova-obra,
#view-novo-cliente,
#view-colaboradores,
#view-orcamento,
#view-usuarios,
#view-logs,
#view-diario,
#view-qualidade {
  width: 100%;
  max-width: none;
}

/* Breakpoints largos: remover os caps de 720/900px da home */
@media (min-width: 1440px) {
  .home-main-col { max-width: none !important; }
}
@media (min-width: 1920px) {
  .home-main-col { max-width: none !important; }
}

/* Padding lateral consistente no conteúdo principal
   (substitui o "centro 900px" por preenchimento de respiro) */
@media (min-width: 1024px) {
  .home-main-col {
    padding-left: clamp(24px, 3vw, 48px);
    padding-right: clamp(24px, 3vw, 48px);
  }
  .vod-body,
  .svd-body,
  .cld-body {
    padding-left: clamp(24px, 3vw, 48px);
    padding-right: clamp(24px, 3vw, 48px);
  }
}