/* ERTEL — Sala de Motores */

.ertel-sala-motores-abas {
  display: flex;
  gap: 4px;
  border-bottom: 1px solid var(--ertel-border);
  margin-bottom: var(--ertel-space-4);
  overflow-x: auto;
  padding-right: 4px; /* respiro pra última aba não ficar colada na borda */
}

.ertel-sala-motores-aba {
  border: none;
  background: none;
  padding: 8px 18px; /* mais respiro horizontal que o padrão emprestado antes (14px) */
  font-size: var(--ertel-text-sm);
  font-weight: 600;
  color: var(--ertel-muted);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  border-radius: var(--ertel-radius-sm) var(--ertel-radius-sm) 0 0;
  transition: background var(--ertel-transition-fast), color var(--ertel-transition-fast);
}
.ertel-sala-motores-aba:hover {
  background: var(--ertel-surface-alt);
}
.ertel-sala-motores-aba--ativa {
  color: var(--ertel-primary);
  border-bottom-color: var(--ertel-primary);
}

/* -- Cards do Pool de RG (grid próprio do módulo) -------------------------
   Antes usava `.ertel-item-grid`/cards sem classe própria emprestando só
   `.ertel-card` cru (sem `.ertel-card__body`) -- mesmo anti-padrão já
   registrado no CLAUDE.md: `.ertel-card` não tem padding sozinho, então o
   texto ficava colado na borda; e o cabeçalho em flex sem `min-width: 0`
   deixava foto+RG "vazarem" pra largura maior que o card, cortados pelo
   `overflow: hidden` do `.ertel-card` base -- sem quebra de linha e sem
   rolagem nenhuma pra compensar. Grid também ganhou teto de largura
   (nunca só `1fr`, mesma varredura do item 4.1). */
.ertel-sala-motores-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 340px));
  gap: var(--ertel-space-4);
}

.ertel-sala-motores-card {
  padding: var(--ertel-space-4) var(--ertel-space-5);
  min-width: 0;
  overflow-wrap: anywhere; /* qualquer texto longo (nome, fabricante/modelo) quebra a linha em vez de vazar/cortar */
}

.ertel-sala-motores-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--ertel-space-2);
  min-width: 0;
}

.ertel-sala-motores-card__titulo {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.ertel-sala-motores-card__foto {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  object-fit: cover;
  flex-shrink: 0; /* nunca espreme/corta a foto pra abrir espaço -- quem cede é o texto do RG, que agora quebra linha */
}

.ertel-sala-motores-card__rg {
  font-weight: 700;
  min-width: 0;
}