/* ============================================================
   comercial-fix.css — Correções visuais do módulo Comercial
   v2: cobre TODAS as tabelas do módulo (cm-table e cm-leads-table)
   e todos os botões de ação, em qualquer painel.
   Arquivo global, carregado POR ÚLTIMO no index.html.
   ============================================================ */

/* --- Botões de ação: sempre visíveis, lado a lado --- */
.cm-leads-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  align-items: center !important;
  width: max-content !important;
}
.cm-leads-btn-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #F3F4F6 !important;
  border: 1px solid #D1D5DB !important;
  border-radius: 8px !important;
  color: #374151 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}
.cm-leads-btn-icon i {
  font-size: 13px !important;
  line-height: 1 !important;
  display: block !important;
}
.cm-leads-btn-icon:hover {
  background: #EEEEFF !important;
  color: #2E2EF9 !important;
  border-color: #2E2EF9 !important;
}

/* --- TODAS as tabelas do módulo: deslizam para o lado, sem esmagar --- */
.cm-table-wrap,
.cm-cm-table-wrap,
.cm-card-body {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.cm-table,
.cm-leads-table {
  min-width: 900px !important;
}
.cm-table th:last-child, .cm-table td:last-child,
.cm-leads-table th:last-child, .cm-leads-table td:last-child {
  min-width: 220px !important;
  width: auto !important;
  white-space: nowrap !important;
}