/* =========================================================
   FASE 38Q - Centralizar títulos e nomes das tabelas
   Escopo: somente Dashboard
   ========================================================= */

#sec-dashboard.moov-dashboard-tables-center-38q {
  color: #111827 !important;
}

/* Blocos gerais da Dashboard */
#sec-dashboard.moov-dashboard-tables-center-38q .moov-dashboard-block-38q {
  overflow: hidden !important;
  border-radius: 22px !important;
}

/* Cabeçalho dos blocos */
#sec-dashboard.moov-dashboard-tables-center-38q .moov-dashboard-block-header-38q {
  width: calc(100% - 32px) !important;
  margin: 16px auto 18px auto !important;
  padding: 14px 18px !important;
  border-radius: 18px !important;
  border: 1px solid #e7e0f0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  text-align: center !important;
}

/* Títulos dos blocos */
#sec-dashboard.moov-dashboard-tables-center-38q .moov-dashboard-block-title-38q {
  display: block !important;
  width: 100% !important;
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
  color: #111827 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
  text-align: center !important;
  text-shadow: none !important;
  letter-spacing: -0.01em !important;
}

/* Subtítulos dos blocos */
#sec-dashboard.moov-dashboard-tables-center-38q .moov-dashboard-block-subtitle-38q {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #667085 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  text-align: center !important;
  text-shadow: none !important;
}

/* Tabelas */
#sec-dashboard.moov-dashboard-tables-center-38q table {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

#sec-dashboard.moov-dashboard-tables-center-38q table th,
#sec-dashboard.moov-dashboard-tables-center-38q table td {
  text-align: center !important;
  vertical-align: middle !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* Primeira coluna também centralizada */
#sec-dashboard.moov-dashboard-tables-center-38q table th:first-child,
#sec-dashboard.moov-dashboard-tables-center-38q table td:first-child {
  text-align: center !important;
}

/* Resumo por Responsável: nomes centralizados e dentro da célula */
#sec-dashboard.moov-dashboard-tables-center-38q .moov-table-name-center-38q {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

/* Rankings em lista */
#sec-dashboard.moov-dashboard-tables-center-38q .moov-ranking-row-38q {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 10px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

#sec-dashboard.moov-dashboard-tables-center-38q .moov-ranking-row-38q * {
  text-align: center !important;
}

/* Gráficos: mantém canvas, mas centraliza legenda textual do bloco */
#sec-dashboard.moov-dashboard-tables-center-38q canvas {
  max-width: 100% !important;
}

/* Evita títulos encostados na borda */
#sec-dashboard.moov-dashboard-tables-center-38q .moov-dashboard-block-38q > h1:first-child,
#sec-dashboard.moov-dashboard-tables-center-38q .moov-dashboard-block-38q > h2:first-child,
#sec-dashboard.moov-dashboard-tables-center-38q .moov-dashboard-block-38q > h3:first-child,
#sec-dashboard.moov-dashboard-tables-center-38q .moov-dashboard-block-38q > h4:first-child {
  margin-top: 16px !important;
}

/* Remove negrito muito pesado dentro dos blocos */
#sec-dashboard.moov-dashboard-tables-center-38q .moov-dashboard-block-38q strong,
#sec-dashboard.moov-dashboard-tables-center-38q .moov-dashboard-block-38q b {
  font-weight: 500 !important;
}
