.comportamento { display: grid; gap: 24px; min-width: 0; }
.comportamento header { display: flex; justify-content: space-between; align-items: start; gap: 16px; }
.comportamento h1 { margin: 0; font-size: 24px; }
.comportamento h2 { margin: 0 0 12px; font-size: 18px; }
.comportamento p, .comportamento small { color: var(--muted); }
.comportamento section { border: 1px solid var(--line-soft); border-radius: 8px; padding: 16px; min-width: 0; }
.comportamento-estado { display: grid; gap: 8px; }
.comportamento-resumo { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-bottom: 12px; }
.comportamento-resumo article { display: grid; gap: 8px; }
.comportamento-resumo strong { font-size: 28px; font-variant-numeric: tabular-nums; }
.comportamento .btn, .comportamento select { min-height: 44px; }
.comportamento-erro { border: 1px solid var(--line); padding: 16px; }
.comportamento-skeleton { display: grid; gap: 16px; }
.comportamento-skeleton div { height: 120px; background: var(--line-soft); border-radius: 8px; }
.comportamento .ld-tabela td { max-width: 380px; overflow: hidden; text-overflow: ellipsis; }
@media(max-width: 820px) {
  .comportamento header { flex-direction: column; }
  .comportamento-resumo { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .comportamento .ld-tabela td { max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
}