/* ── Gestão de Usuários TJL ──────────────────────────────────────────────────── */

/* Botão novo usuário */
.btn-novo-usuario {
  background: var(--azul);
  color: white;
  border: none;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
}
.btn-novo-usuario:hover { background: #1d4ed8; }

/* Status chips */
.status-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.status-chip.ativo  { background: var(--verde-cl); color: var(--verde); }
.status-chip.inativo { background: #fee2e2; color: var(--vermelho); }

/* Acesso extra chips */
.acesso-chip {
  display: inline-flex;
  padding: 1px 6px;
  border-radius: 6px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}

/* Linha de usuário inativo */
.row-inativo td { opacity: .5; }

/* Botão toggle ativo */
.btn-toggle-ativo {
  background: #fee2e2;
  border: 1px solid #fca5a5;
  color: var(--vermelho);
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s;
  white-space: nowrap;
}
.btn-toggle-ativo:hover { background: #fecaca; }
.btn-toggle-ativo.btn-ativar {
  background: var(--verde-cl);
  border-color: #86efac;
  color: var(--verde);
}
.btn-toggle-ativo.btn-ativar:hover { background: #bbf7d0; }