/* Tela de acessos — so o que nao existe no tema/style. Nenhuma classe daqui e'
   lida por app.js: esta pagina nao carrega o app.js. */

/* O shell do mecanico e' 42rem porque e' formulario num celular. Aqui a linha
   tem 4 colunas de informacao e sobra espaco no desktop. */
.conteudo-largo { max-width: 52rem; }

.admin-aviso  { margin-bottom: 16px; }
.admin-card   { padding: 18px; margin-bottom: 20px; }
.admin-form .btn-primario { width: 100%; }

/* --ink-2 = 6,2:1. O piso do projeto e' 4,8:1 (--ink-3); texto de apoio nao
   desce disso. */
.ajuda-papel {
  margin-top: 8px;
  font-size: var(--t-xs);
  color: var(--ink-2);
  line-height: 1.5;
}
.ajuda-papel strong { font-weight: 600; color: var(--ink); }

.usuario-linha {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  padding: 14px 16px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.usuario-linha.inativo { background: var(--surface-2); }
.usuario-linha.inativo .usuario-nome,
.usuario-linha.inativo .usuario-email { color: var(--ink-3); }

.usuario-id   { min-width: 0; flex: 1 1 220px; }
.usuario-nome { font-weight: 600; font-size: var(--t-base); overflow-wrap: anywhere; }

.usuario-email {
  font-size: var(--t-xs);
  color: var(--ink-2);
  overflow-wrap: anywhere;
}

.usuario-marcas { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }

.usuario-acoes {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  margin-left: auto;
}

/* Alvo de 44px vem do campo.css; aqui so a largura, para o select nao esticar
   a linha inteira no desktop. */
.usuario-acoes .campo { width: auto; min-width: 152px; }

.usuario-vazio { margin-top: 8px; }

@media (max-width: 560px) {
  .usuario-acoes { margin-left: 0; width: 100%; }
  .usuario-acoes .campo { flex: 1 1 auto; min-width: 0; }
}

/* Quem saiu do time do ClickUp nao ganha botao: "Reativar" nao teria efeito
   enquanto `ativo` for derivado de `no_time`. Fica so a dica de onde e' a
   correcao. */
.usuario-dica {
  font-size: var(--t-xs);
  color: var(--ink-2);
  text-align: right;
  max-width: 150px;
  line-height: 1.35;
}