/* Ajustes visuais da camada web (complemento ao Bootstrap 5). */

/* Indicadores HTMX: escondidos por padrão, visíveis durante a requisição. */
.htmx-indicator {
  display: none;
}
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
  display: inline-block;
}

/* Cards de contadores do painel. */
.card-contador .valor {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
}

/* Empty-states amigáveis. */
.empty-state {
  color: var(--bs-secondary-color);
  text-align: center;
  padding: 2.5rem 1rem;
}

/* Visualizador de diff de cláusulas (ANTES/DEPOIS com destaque intralinha). */
.diff-texto {
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 0.925rem;
}
.diff-texto del {
  background-color: var(--bs-danger-bg-subtle);
  color: var(--bs-danger-text-emphasis);
  text-decoration: line-through;
  border-radius: 0.2rem;
  padding: 0 0.1rem;
}
.diff-texto ins {
  background-color: var(--bs-success-bg-subtle);
  color: var(--bs-success-text-emphasis);
  text-decoration: none;
  border-radius: 0.2rem;
  padding: 0 0.1rem;
}