/* atendimento-fila.css — normaliza font-weight + overflow + estrutura panels
   ---------------------------------------------------------------------------
   Carregado pelo home.html (escopo do shell — sempre aplica).
   `!important` necessário pra vencer Nifty/Bootstrap defaults.
   Aplicar mesma estrutura em outras partials com lista dinâmica.
   v2026-05-07b — corrige overflow visual dentro da <tr> (panels bg-trans)
*/

/* ============ Tabela com layout fixo (respeita <th width="N">) ============ */
#leadsIntegracao .table { table-layout: fixed !important; width: 100% !important; }
#leadsIntegracao .table td,
#leadsIntegracao .table th {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  white-space: normal !important;
  vertical-align: top !important;
}

/* Padding das células reduzido pra economizar espaço (Imoview literal) */
#bodyLeadsIntegracao td {
  padding: 8px !important;
}

/* <th> Imoview: NÃO bold (Bootstrap default É bold) */
#leadsIntegracao .table thead th {
  font-weight: normal !important;
  font-size: 13px !important;
  color: #515151 !important;
  padding: 8px !important;
}

/* ============ 1ª coluna (checkbox) — Imoview computed: 30px ============ */
/* Imoview tem <th style="width:20px"> literal, mas com table-layout:auto
   o navegador expande pra 30px (checkbox 13px + padding 8px+8px = 29px ≈ 30px).
   Como Interact usa table-layout:fixed, forçamos 30px aqui pra bater visual.
   Checkbox: 13×13, margin:4px 0 0 (Imoview literal), text-align:left (NÃO centralizado).
*/
#leadsIntegracao .table thead th:first-child,
#bodyLeadsIntegracao tr > td:first-child {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  padding: 8px !important;
  text-align: left !important;
}
#leadsIntegracao .table thead th:first-child input[type="checkbox"],
#bodyLeadsIntegracao tr > td:first-child input[type="checkbox"] {
  width: 13px !important;
  height: 13px !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
}

/* ============ Célula Lead (350px) — media + panels ============ */
/* .media: garantir layout block (não flex inline) */
#bodyLeadsIntegracao .media {
  display: block !important;
  margin: 0 !important;
}

/* .media-body: full width — texto principal + collapsibles dentro */
#bodyLeadsIntegracao .media-body {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
}

/* .media-right vazio: oculta efeitos de espaço */
#bodyLeadsIntegracao .media-right {
  display: none !important;
}

/* Nome do lead — semibold (não bold extremo) */
#bodyLeadsIntegracao h4.media-heading {
  font-weight: 600 !important;
  font-size: 14px !important;
  margin: 0 0 2px !important;
  line-height: 1.3 !important;
}

/* Texto comum dentro da célula Lead (email, tel) */
#bodyLeadsIntegracao .media-body,
#bodyLeadsIntegracao td {
  font-weight: normal !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* ============ Panels Anotações + Atendimentos ativos (collapsibles) ============ */
/* Reset COMPLETO do panel.bg-trans pra parecer Imoview real (sem caixa) */
#bodyLeadsIntegracao .panel.bg-trans,
#bodyLeadsIntegracao .panel {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Primeiro panel (Anotações) sai colado no nome/email */
#bodyLeadsIntegracao .panel.bg-trans:first-of-type,
#bodyLeadsIntegracao .panel.bg-trans.mar-no {
  margin: 0 !important;
}

/* Segundo panel (Atendimentos ativos) com gap pequeno (Imoview tem margin-top:5px inline) */
#bodyLeadsIntegracao .panel.bg-trans + .panel.bg-trans,
#bodyLeadsIntegracao .panel.bg-trans:nth-of-type(2) {
  margin: 0 !important;
  margin-top: 0 !important;
}

/* panel-heading: altura 30px, sem fundo, sem borda (Imoview literal — sem divisor) */
#bodyLeadsIntegracao .panel-heading {
  padding: 0 !important;
  height: 30px !important;
  line-height: 30px !important;
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  position: relative !important;
}

/* panel-control: o botão chevron à direita */
#bodyLeadsIntegracao .panel-control {
  padding: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  height: 30px !important;
  line-height: 30px !important;
}

/* Botão chevron dentro do panel-control: sem fundo, sem borda */
#bodyLeadsIntegracao .panel-control button.btn-default,
#bodyLeadsIntegracao .panel-control .btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 4px !important;
  margin: 0 !important;
  height: 30px !important;
  line-height: 1 !important;
  color: #999 !important;
}

#bodyLeadsIntegracao .panel-control button:hover {
  background: rgba(0,0,0,0.04) !important;
}

#bodyLeadsIntegracao .panel-control .fa-angle-down {
  font-size: 16px !important;
}

/* panel-title Anotações/Atendimentos ativos — NORMAL, NÃO bold (Imoview literal: 15px) */
#bodyLeadsIntegracao h3.panel-title,
#bodyLeadsIntegracao .panel-title {
  font-weight: normal !important;
  font-size: 15px !important;
  color: #333 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 30px !important;
  text-align: left !important;
}

/* panel-body — sem padding extra */
#bodyLeadsIntegracao .panel-body {
  padding: 4px 0 !important;
  font-size: 12px !important;
  background: transparent !important;
}

#bodyLeadsIntegracao .panel-body p,
#bodyLeadsIntegracao .panel-body .white-space {
  font-weight: normal !important;
  font-size: 12px !important;
  margin: 0 !important;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
}

/* Badge Atendimentos ativos: pequeno */
#bodyLeadsIntegracao .panel-title .badge {
  font-size: 10px !important;
  padding: 2px 6px !important;
  vertical-align: middle !important;
  margin-left: 4px !important;
}

/* Lista de atendimentos ativos */
#bodyLeadsIntegracao .panel-body .list-unstyled li {
  padding: 4px 0 !important;
  font-size: 12px !important;
}

/* ============ Links/botões dentro da célula Lead ============ */
#bodyLeadsIntegracao a.btn-link,
#bodyLeadsIntegracao .linkPointer,
#bodyLeadsIntegracao a {
  font-weight: normal !important;
}

/* ============ Coluna Imóvel + Mídia + Data + Captador ============ */
/* Imóvel "211 - Casa - Lapa - R$ 1.100.000,00" — texto pequeno, quebra elegante */
#bodyLeadsIntegracao td:nth-child(3) {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* Mídia / Campanha / UTM — coluna 168px, font menor pra caber */
#bodyLeadsIntegracao td:nth-child(4) {
  font-size: 11px !important;
  line-height: 1.4 !important;
}

#bodyLeadsIntegracao td:nth-child(5),
#bodyLeadsIntegracao td:nth-child(6) {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* ============ Outros elementos ============ */
/* Labels Imoview text-thin (Unidades, Corretores/Fila, Corretor) */
#leadsIntegracao h4.text-thin {
  font-weight: 300 !important;
  font-size: 14px !important;
}

/* Total registros */
#leadsIntegracao #totalRegistros {
  font-weight: normal !important;
  font-size: 12px !important;
}

/* Paginação Imoview-style */
#paginacaoLeadsIntegracao { margin: 8px 0 !important; }
#paginacaoLeadsIntegracao li { display: inline-block; }
#paginacaoLeadsIntegracao li.active a { font-weight: 600 !important; }

/* ============================================================================
   ABA PENALIDADES (Aba 6 — #tabPenalidades, "Usuários suspensos")
   v2026-05-07 — normaliza font-weight + overflow + widths Imoview literais.
   HTML capturado side-by-side é IDÊNTICO Imoview (mesmos IDs/classes/widths
   pro #tabPenalidades). Diff só visual: bold/padding generalizado pelo
   Nifty/Bootstrap.
   GAP HTML conhecido (escopo engenheiro): container .tab-content do partial
   tem `class="tab-content tab-base fade tab-pane in active"` — Imoview real
   tem `class="tab-content tab-base fade tab-pane hide"` (sem in active).
   Workaround CSS abaixo força display correto do #tabPenalidades quando
   recebe .active de Bootstrap tabs.
   ============================================================================ */

/* Display do toggle de abas — DELEGADO ao Bootstrap.
   Estrutura Imoview real (FilaFunctions.js L197-216):
   - `.tab-content` é ELE MESMO um tab-pane (`class="tab-content tab-base fade tab-pane in active"`)
   - `#leadsIntegracao` é filho direto do `.tab-content` (conteúdo padrão, sem class própria)
   - `#abaHistoricoAuditoriaIntegracao` e `#tabPenalidades` são SIBLINGS de `.tab-content`
   - Toggle: handler JS adiciona/remove classe `.hide` (Bootstrap: `display:none !important`)
     + `.active.in` (Bootstrap: `display:block` + `opacity:1`)
   Não forçar display em `.tab-content` ou `.tab-pane` — Bootstrap cuida (regras `.hide`,
   `.fade`, `.tab-pane.active`, `.in` aplicam nativamente). Handler em
   enhancers-atendimento-fila.js#wireToggleAbas replica fielmente Imoview. */

/* Mensagem amarela ATENÇÃO (text-warning) — Imoview literal: 12px, sem bold */
#tabPenalidades .text-warning {
  font-size: 12px !important;
  font-weight: normal !important;
  margin: 2px 0 6px 5px !important;
  line-height: 1.4 !important;
}
#tabPenalidades .text-warning strong {
  font-weight: 600 !important;
}

/* Painel título "Usuários suspensos" — Imoview literal: 15px, NÃO bold */
#tabPenalidades .panel-heading h3.panel-title,
#tabPenalidades .panel-heading .panel-title {
  font-weight: normal !important;
  font-size: 15px !important;
  color: #333 !important;
}

/* Painel filtros — labels NÃO bold (Imoview text-thin = 300) */
#filtrosPenalidades { padding: 6px 0 !important; }
#filtrosPenalidades h4.text-thin {
  font-weight: 300 !important;
  font-size: 14px !important;
  margin: 0 0 4px !important;
}

/* Botões Limpar/Pesquisar — Imoview literal 13px, weight normal */
#btnLimparPenalidades,
#btnPesquisarPenalidades {
  font-size: 13px !important;
  font-weight: normal !important;
}

/* Tabela — Imoview real usa table-layout:auto (default) com width:1% nas
   colunas que devem ser nowrap. Replicar fielmente. */
#tabelaPenalidades {
  table-layout: auto !important;
  width: 100% !important;
}
#tabelaPenalidades thead th,
#tabelaPenalidades tbody td {
  vertical-align: top !important;
}
/* Colunas auto (Nome, Incluído por, Motivo) — quebrar texto longo */
#tabelaPenalidades thead th:nth-child(1),
#tabelaPenalidades thead th:nth-child(2),
#tabelaPenalidades thead th:nth-child(4),
#tabelaPenalidades tbody td:nth-child(1),
#tabelaPenalidades tbody td:nth-child(2),
#tabelaPenalidades tbody td:nth-child(4) {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  white-space: normal !important;
}

/* Cabeçalho thead — Imoview NÃO bold (Bootstrap default É) */
#tabelaPenalidades thead th {
  font-weight: normal !important;
  font-size: 13px !important;
  color: #515151 !important;
  padding: 8px !important;
}

/* Corpo tbody — peso normal, padding 8px (consistente com aba 1) */
#tabelaPenalidades tbody td,
#bodyTabelaPenalidades td {
  font-weight: normal !important;
  font-size: 12px !important;
  padding: 8px !important;
  line-height: 1.4 !important;
}

/* Empty state "Nenhuma suspensão registrada" — italic muted */
#bodyTabelaPenalidades tr td.text-center.text-muted {
  font-style: italic !important;
  color: #999 !important;
  font-weight: normal !important;
}

/* Mensagem text-danger (Imoview real: "ATENÇÃO ... autoridade") — preservar cor */
#bodyTabelaPenalidades tr td.text-center.text-danger {
  font-weight: normal !important;
  font-style: normal !important;
}

/* Widths Imoview literais (HTML literal: 111px col3, 1% col5+6, 80px col7).
   td segue width do th via table-layout:auto. */
#tabelaPenalidades thead th:nth-child(3),
#tabelaPenalidades tbody td:nth-child(3) {
  width: 111px !important;
  min-width: 111px !important;
  white-space: nowrap !important;
}
#tabelaPenalidades thead th:nth-child(5),
#tabelaPenalidades thead th:nth-child(6),
#tabelaPenalidades tbody td:nth-child(5),
#tabelaPenalidades tbody td:nth-child(6) {
  width: 1% !important;
  white-space: nowrap !important;
}
#tabelaPenalidades thead th:nth-child(7),
#tabelaPenalidades thead th:last-child,
#tabelaPenalidades tbody td:nth-child(7),
#tabelaPenalidades tbody td:last-child {
  width: 80px !important;
  min-width: 80px !important;
  white-space: nowrap !important;
}

/* Paginação Imoview-style */
#paginacaoPenalidades { margin: 8px 0 !important; }
#paginacaoPenalidades li { display: inline-block; }
#paginacaoPenalidades li.active a { font-weight: 600 !important; }

/* ============================================================================
   ABA AUDITORIA DE ENTRADA DE LEADS (Aba 5 — #abaHistoricoAuditoriaIntegracao)
   v2026-05-07c — normaliza panel filtros + tabela resultado pra parecer
   Imoview literal. NÃO usa table-layout fixed (Imoview deixa flex pra
   acomodar JSON longo em "Dados envio/retorno"). Preserva responsividade
   Bootstrap col-xs/sm/md/lg.
   HTML capturado side-by-side: IDÊNTICO Imoview (mesmos IDs/classes/cols).
   Único diff HTML: th Status tem width:90px no Interact (auto no Imoview)
   + wrapper extra .panel-body em #resultadoHistoricoAuditoriaIntegracao.
   Ambos resolvidos via CSS sem mexer no HTML do partial.
   ============================================================================ */

/* Panel-heading "Histórico de auditoria integração" — h3 sem bold */
#abaHistoricoAuditoriaIntegracao .panel-heading {
  padding: 10px 15px !important;
  background: #f5f5f5 !important;
  border-bottom: 1px solid #e5e5e5 !important;
  position: relative !important;
}
#abaHistoricoAuditoriaIntegracao .panel-heading h3.panel-title,
#abaHistoricoAuditoriaIntegracao .panel-heading .panel-title {
  font-weight: normal !important;
  font-size: 14px !important;
  color: #333 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}
#abaHistoricoAuditoriaIntegracao .panel-heading .panel-title i.fa,
#abaHistoricoAuditoriaIntegracao .panel-heading .panel-title i.fe-search {
  margin-right: 4px !important;
  color: #515151 !important;
}

/* Panel-control (botão chevron/lupa colapsar) — sem caixa, à direita */
#abaHistoricoAuditoriaIntegracao .panel-heading .panel-control {
  position: absolute !important;
  right: 8px !important;
  top: 6px !important;
}
#abaHistoricoAuditoriaIntegracao .panel-heading .panel-control button.btn-default {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 4px 8px !important;
  color: #999 !important;
}
#abaHistoricoAuditoriaIntegracao .panel-heading .panel-control button.btn-default:hover {
  background: rgba(0,0,0,0.04) !important;
  color: #333 !important;
}

/* PainelHistorico (collapse) — preservar padding Bootstrap default + clearfix */
#abaHistoricoAuditoriaIntegracao #painelHistorico {
  background: transparent !important;
}
#abaHistoricoAuditoriaIntegracao #painelHistorico > .panel-body {
  padding: 15px !important;
  background: transparent !important;
}
#abaHistoricoAuditoriaIntegracao #painelHistorico > .panel-body::after {
  content: "";
  display: table;
  clear: both;
}

/* Labels h4.text-thin — Imoview light-weight 14px */
#abaHistoricoAuditoriaIntegracao h4.text-thin {
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #515151 !important;
  margin: 0 0 4px !important;
  line-height: 1.3 !important;
}

/* Inputs/selects do painel — font 13px Imoview literal */
#abaHistoricoAuditoriaIntegracao .form-control,
#abaHistoricoAuditoriaIntegracao select.form-control,
#abaHistoricoAuditoriaIntegracao input.form-control {
  font-size: 13px !important;
  height: 34px !important;
  padding: 6px 10px !important;
}

/* Range datas (input-daterange) — dois inputs lado a lado com "De"/"até" */
#abaHistoricoAuditoriaIntegracao .input-daterange {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-wrap: nowrap !important;
}
#abaHistoricoAuditoriaIntegracao .input-daterange > span {
  font-size: 12px !important;
  color: #666 !important;
  font-weight: normal !important;
  white-space: nowrap !important;
}
#abaHistoricoAuditoriaIntegracao .input-daterange > .form-control {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Botões Limpar/Pesquisar — btn-group Imoview */
#abaHistoricoAuditoriaIntegracao .btn-group.btn-block-custom {
  display: inline-flex !important;
  gap: 0 !important;
}
#abaHistoricoAuditoriaIntegracao .btn-group .btn-custom {
  font-size: 13px !important;
  font-weight: normal !important;
  padding: 7px 14px !important;
  height: 34px !important;
  line-height: 1.4 !important;
  flex: 0 0 auto !important;
}
#abaHistoricoAuditoriaIntegracao .btn-group .btn-custom i.fa {
  margin-right: 4px !important;
}
#abaHistoricoAuditoriaIntegracao #PesquisarAbaAuditoriaIntegracao {
  background: #5a99d4 !important;
  border-color: #5a99d4 !important;
  color: #fff !important;
}
#abaHistoricoAuditoriaIntegracao #PesquisarAbaAuditoriaIntegracao:hover,
#abaHistoricoAuditoriaIntegracao #PesquisarAbaAuditoriaIntegracao:focus {
  background: #4a89c4 !important;
  border-color: #4a89c4 !important;
  color: #fff !important;
}

/* ============ Tabela resultado ============ */
/* Container — Interact tem panel-body wrapper extra; Imoview põe direto.
   Reset padding/borda pra match Imoview */
#resultadoHistoricoAuditoriaIntegracao > .panel-body {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}
#resultadoHistoricoAuditoriaIntegracao .table-responsive {
  margin-top: 10px !important;
  border: none !important;
  overflow-x: auto !important;
}

/* Tabela: NÃO usar table-layout fixed — Imoview deixa colunas flex pra
   acomodar JSON longo. word-wrap obrigatório. */
#resultadoHistoricoAuditoriaIntegracao table.table {
  width: 100% !important;
  margin-bottom: 0 !important;
}
#resultadoHistoricoAuditoriaIntegracao table.table thead th,
#resultadoHistoricoAuditoriaIntegracao table.table tbody td {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  white-space: normal !important;
  vertical-align: top !important;
}

/* Cabeçalhos <th> — NÃO bold (Imoview literal); fundo cinza claro */
#resultadoHistoricoAuditoriaIntegracao table.table thead th {
  font-weight: normal !important;
  font-size: 13px !important;
  color: #515151 !important;
  background: #f5f5f5 !important;
  padding: 8px 10px !important;
  border-bottom: 2px solid #ddd !important;
}
/* Coluna 1 "Data hora" 120px (Imoview literal) — nowrap */
#resultadoHistoricoAuditoriaIntegracao table.table thead th:nth-child(1) {
  width: 120px !important;
  white-space: nowrap !important;
}
/* Status: corrigir width:90px Interact pra width:auto (Imoview deixa auto) */
#resultadoHistoricoAuditoriaIntegracao table.table thead th:nth-child(4) {
  width: auto !important;
  white-space: nowrap !important;
}

/* Células <td> — fonte 12px, normal weight */
#resultadoHistoricoAuditoriaIntegracao table.table tbody td {
  font-weight: normal !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  padding: 8px 10px !important;
  color: #333 !important;
}

/* Coluna 1 (data hora) sem quebra + monospace */
#resultadoHistoricoAuditoriaIntegracao table.table tbody td:nth-child(1) {
  white-space: nowrap !important;
  font-family: Consolas, "Courier New", monospace !important;
  font-size: 11px !important;
}

/* Colunas Dados envio/retorno: JSON longo — monospace pequena */
#resultadoHistoricoAuditoriaIntegracao table.table tbody td:nth-child(2),
#resultadoHistoricoAuditoriaIntegracao table.table tbody td:nth-child(3) {
  font-family: Consolas, "Courier New", monospace !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

/* Ícones .fe-eye / .fe-copy (verDadosCompleto / copiarLink) — Imoview literal:
   <i class="fe-eye linkPointer verDadosCompleto acaoModal"
      data-dadosenvio="..." data-integracao="envio"
      data-tipo="verDadosCompletoIntegracao"></i>
   <i class="ml-2 fe-copy linkPointer copiarLink"
      data-dados="..."></i>
   Aparecem INLINE depois do JSON na mesma <td>, não em coluna separada.
   Cobre fallback fa-eye/fa-copy/fa-clipboard caso engenheiro troque iconset. */
#resultadoHistoricoAuditoriaIntegracao .fe-eye,
#resultadoHistoricoAuditoriaIntegracao .fe-copy,
#resultadoHistoricoAuditoriaIntegracao .fa-eye,
#resultadoHistoricoAuditoriaIntegracao .fa-copy,
#resultadoHistoricoAuditoriaIntegracao .fa-clipboard,
#resultadoHistoricoAuditoriaIntegracao i.linkPointer {
  cursor: pointer !important;
  color: #5a99d4 !important;            /* azul Imoview (mesmo do botão Pesquisar) */
  font-size: 14px !important;
  margin-left: 6px !important;
  vertical-align: middle !important;
  transition: color 0.15s ease !important;
  display: inline-block !important;
}

/* .fe-copy normalmente já vem com .ml-2 (Bootstrap margin-left:0.5rem ≈ 8px),
   mas garantimos um mínimo pra ele NÃO grudar no .fe-eye anterior */
#resultadoHistoricoAuditoriaIntegracao .fe-copy.linkPointer,
#resultadoHistoricoAuditoriaIntegracao .fa-copy.linkPointer,
#resultadoHistoricoAuditoriaIntegracao .fa-clipboard.linkPointer {
  margin-left: 8px !important;
}

/* Hover Imoview — azul mais escuro */
#resultadoHistoricoAuditoriaIntegracao .fe-eye:hover,
#resultadoHistoricoAuditoriaIntegracao .fe-copy:hover,
#resultadoHistoricoAuditoriaIntegracao .fa-eye:hover,
#resultadoHistoricoAuditoriaIntegracao .fa-copy:hover,
#resultadoHistoricoAuditoriaIntegracao .fa-clipboard:hover,
#resultadoHistoricoAuditoriaIntegracao i.linkPointer:hover {
  color: #2a6aa8 !important;
}

/* Active (mid-click pra dar feedback de copiado) — verde flash 200ms */
#resultadoHistoricoAuditoriaIntegracao .fe-copy:active,
#resultadoHistoricoAuditoriaIntegracao .fa-copy:active,
#resultadoHistoricoAuditoriaIntegracao .fa-clipboard:active {
  color: #2dbe60 !important;
}

/* Garantia global: qualquer .linkPointer tem cursor:pointer
   (cobre qualquer outro <i> que o engenheiro adicionar com a classe) */
.linkPointer { cursor: pointer !important; }

/* Coluna Status (4) — nowrap */
#resultadoHistoricoAuditoriaIntegracao table.table tbody td:nth-child(4) {
  white-space: nowrap !important;
  text-align: left !important;
}

/* Badges Status (200/500) */
#resultadoHistoricoAuditoriaIntegracao .badge {
  font-weight: normal !important;
  font-size: 11px !important;
  padding: 3px 8px !important;
}
#resultadoHistoricoAuditoriaIntegracao .badge.bg-mint {
  background: #2dbe60 !important;
  color: #fff !important;
}
#resultadoHistoricoAuditoriaIntegracao .badge.bg-danger {
  background: #d9534f !important;
  color: #fff !important;
}

/* Linhas striped/hover Imoview */
#resultadoHistoricoAuditoriaIntegracao table.table-striped tbody tr:nth-child(odd) > td {
  background: #fafafa !important;
}
#resultadoHistoricoAuditoriaIntegracao table.table-hover tbody tr:hover > td {
  background: #f0f4f8 !important;
}

/* Empty state — caso resultado venha vazio antes de Pesquisar */
#resultadoHistoricoAuditoriaIntegracao:empty::before {
  content: "Clique em Pesquisar para listar os registros de auditoria.";
  display: block;
  padding: 24px 16px;
  text-align: center;
  color: #999;
  font-size: 13px;
  font-style: italic;
}