/* ============================================================
   ENERGY HUB 360 - Bootstrap Overrides (Mínimos)
   Apenas o essencial para integração com o design system
   ============================================================ */

/* Apenas estilos que não quebram componentes existentes */
/* Removido override de .card, .btn, .form-control, .modal, etc. */
/* para não quebrar páginas como kanban que usam Bootstrap puro */

/* Cards - apenas padding e borda sutil */
.card {
  border: 1px solid var(--eh-border);
  border-radius: var(--eh-card-radius);
}

.card-header {
  background: var(--eh-surface);
  border-bottom: 1px solid var(--eh-divider);
  padding: 16px 20px;
}

.card-body {
  padding: 20px;
}

/* Botões - apenas arredondamento e transição */
.btn {
  border-radius: var(--eh-btn-radius);
  font-weight: var(--eh-btn-font-weight);
  font-family: var(--eh-font-family);
  transition: var(--eh-transition);
}

/* Form controls - apenas arredondamento */
.form-control {
  border-radius: var(--eh-input-radius);
  font-family: var(--eh-font-family);
}

.form-control:focus {
  border-color: var(--eh-input-focus);
  box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.1);
}

/* Modals - apenas arredondamento */
.modal-content {
  border: none;
  border-radius: var(--eh-radius-xl);
  box-shadow: var(--eh-shadow-xl);
}

/* Dropdowns */
.dropdown-menu {
  border: 1px solid var(--eh-border);
  border-radius: var(--eh-radius-lg);
  box-shadow: var(--eh-shadow-lg);
  padding: 6px;
}

.dropdown-item {
  border-radius: var(--eh-radius-sm);
  padding: 8px 12px;
}

.dropdown-item:hover {
  background: var(--eh-surface-secondary);
  color: var(--eh-primary);
}

/* Alerts */
.alert {
  border-radius: var(--eh-radius-lg);
  border: none;
}

/* List group */
.list-group-item {
  border-color: var(--eh-border);
  padding: 12px 16px;
}

/* Badges */
.badge {
  font-weight: 600;
  padding: 4px 10px;
  border-radius: var(--eh-radius-full);
}

/* Garantir contraste nos badges do DataTables */
.badge.bg-gradient-success,
.badge.bg-gradient-primary,
.badge.bg-gradient-info,
.badge.bg-gradient-secondary,
.badge.bg-gradient-warning,
.badge.bg-gradient-danger {
  color: #fff !important;
}

/* Badge de capital social - fundo verde escuro */
.badge.bg-gradient-success {
  background: linear-gradient(135deg, #22C55E, #16A34A) !important;
}

/* Badge de tensão - fundo azul escuro */
.badge.bg-gradient-primary {
  background: linear-gradient(135deg, #165DFF, #0E4DD8) !important;
}

/* Badge de consumo - fundo ciano escuro */
.badge.bg-gradient-info {
  background: linear-gradient(135deg, #06B6D4, #0891B2) !important;
}

/* Badge de "não informado" / secundário */
.badge.bg-gradient-secondary {
  background: linear-gradient(135deg, #64748B, #475569) !important;
}

/* Badge de warning */
.badge.bg-gradient-warning {
  background: linear-gradient(135deg, #F59E0B, #D97706) !important;
}

/* Badge de danger */
.badge.bg-gradient-danger {
  background: linear-gradient(135deg, #EF4444, #DC2626) !important;
}

/* DataTables - garantir que o texto nas células tenha cor visível */
table.dataTable tbody td {
  color: #1E293B !important;
}

/* Links dentro da tabela (CNPJ) */
table.dataTable tbody td a {
  color: #165DFF !important;
  font-weight: 500;
}

/* Checkbox na tabela */
table.dataTable tbody td input[type="checkbox"] {
  accent-color: #165DFF;
}

/* Nav tabs */
.nav-tabs .nav-link {
  border: none;
  color: var(--eh-text-secondary);
  font-weight: 500;
  padding: 10px 16px;
  border-radius: var(--eh-radius-md);
}

.nav-tabs .nav-link:hover {
  color: var(--eh-text-primary);
  background: var(--eh-surface-secondary);
}

.nav-tabs .nav-link.active {
  color: var(--eh-primary);
  background: var(--eh-primary-light);
  font-weight: 600;
}

/* Tables */
.table thead th {
  background: var(--eh-table-header-bg);
  color: var(--eh-table-header-color);
  font-size: var(--eh-font-size-sm);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border-bottom: 1px solid var(--eh-table-border);
  padding: 12px 16px;
}

.table tbody td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--eh-table-border);
  vertical-align: middle;
}

.table tbody tr:hover {
  background: var(--eh-table-hover);
}