/*
  PORQUE EXISTE: visual dos cards de inventário (flags rede/git/porta/domínio).
*/
.inv-caixa { max-height: min(85vh, 640px); }
.inv-resumo {
  font-size: 12px;
  opacity: 0.75;
  margin: 0 0 10px;
}
.inv-grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.inv-card {
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--borda-forte);
  background: color-mix(in srgb, var(--destaque) 7%, transparent);
  text-align: left;
}
.inv-card h3 {
  margin: 2px 0 8px;
  font-size: 15px;
  font-weight: 650;
}
.inv-tipo {
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.55;
}
.inv-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}
.inv-chip {
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 8px;
  border: 1px solid var(--borda);
}
.inv-chip.ok {
  color: var(--ok, #3ddc97);
  border-color: color-mix(in srgb, var(--ok, #3ddc97) 40%, transparent);
  background: color-mix(in srgb, var(--ok, #3ddc97) 12%, transparent);
}
.inv-chip.no {
  opacity: 0.55;
}
.inv-meta {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.35;
  opacity: 0.85;
  word-break: break-word;
}
.inv-card.tipo-dominio {
  background: color-mix(in srgb, var(--destaque-2, #4ecdc4) 10%, transparent);
}
.inv-card.tipo-repositorio {
  background: color-mix(in srgb, #f0c14b 8%, transparent);
}