/* AF — status do processo editável direto na lista — 13/08/2026
   A etiqueta de status vira um seletor: mantém a mesma aparência de antes,
   mas dá para trocar Ativo / Suspenso / Arquivado / Baixado sem sair da lista. */

.afp-status-celula {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.125rem 1.25rem 0.125rem 0.5rem;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.45;
  white-space: nowrap;
  cursor: pointer;
  transition: filter .12s, box-shadow .12s;
}

.afp-status-celula:hover {
  filter: brightness(0.96);
}
.dark .afp-status-celula:hover {
  filter: brightness(1.18);
}

.afp-status-celula[data-salvando="true"] {
  opacity: .6;
  cursor: progress;
}

.afp-status-bolinha {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
  flex: 0 0 auto;
}

.afp-status-select {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  outline: none;
}

.afp-status-select:focus-visible {
  outline: none;
}
.afp-status-celula:focus-within {
  box-shadow: 0 0 0 2px hsl(var(--ring) / .35);
}

.afp-status-seta {
  position: absolute;
  right: 0.45rem;
  font-size: 0.6rem;
  line-height: 1;
  opacity: .55;
  pointer-events: none;
}

/* as opções abrem no menu nativo do sistema, que não herda a cor da etiqueta */
.afp-status-select option {
  color: #111827;
  background: #ffffff;
}
.dark .afp-status-select option {
  color: #e5e7eb;
  background: #111827;
}