/* =========================================================
   FASE 38O - Corrigir cards de indicadores da Dashboard
   Foco: não quebrar valores grandes como R$ 13.091.100,00
   ========================================================= */

#sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-grid-fix-38o {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(260px, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
  width: 100% !important;
}

#sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-card-fix-38o {
  min-height: 132px !important;
  padding: 22px 22px !important;
  border-radius: 20px !important;
  border: 1px solid #e8e1f2 !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04) !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  grid-template-rows: auto auto auto !important;
  column-gap: 14px !important;
  row-gap: 4px !important;
  align-items: center !important;
}

/* Ícone do card */
#sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-card-fix-38o > *:first-child {
  grid-row: 1 / span 3 !important;
  align-self: start !important;
}

/* Título do card */
#sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-label-fix-38o {
  grid-column: 2 !important;
  margin: 0 !important;
  color: #667085 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* Valor principal */
#sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-value-fix-38o {
  grid-column: 2 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #111827 !important;
  font-size: clamp(24px, 1.65vw, 32px) !important;
  line-height: 1.08 !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* Valor monetário precisa de fonte um pouco menor */
#sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-money-fix-38o {
  font-size: clamp(21px, 1.45vw, 29px) !important;
  letter-spacing: -0.045em !important;
}

/* Subtítulo */
#sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-subtitle-fix-38o {
  grid-column: 2 !important;
  margin: 0 !important;
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  white-space: normal !important;
}

/* Impede negrito exagerado dentro dos cards */
#sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-card-fix-38o *,
#sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-card-fix-38o strong,
#sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-card-fix-38o b {
  text-shadow: none !important;
}

/* Caso o layout antigo tente forçar quebra */
#sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-card-fix-38o h1,
#sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-card-fix-38o h2,
#sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-card-fix-38o h3,
#sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-card-fix-38o div,
#sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-card-fix-38o span,
#sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-card-fix-38o p {
  max-width: 100% !important;
}

@media (max-width: 1300px) {
  #sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-grid-fix-38o {
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  #sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-grid-fix-38o {
    grid-template-columns: 1fr !important;
  }

  #sec-dashboard.moov-dashboard-kpi-fix-38o .moov-kpi-value-fix-38o {
    font-size: 26px !important;
  }
}
