/* AF Advocacia — seletor de ambiente do Asaas. 22/08/2026 */

/* ---------- tarja de modo teste ---------- */

.afa-tarja {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9999;
  padding: .4rem 1rem;
  background: #B45309;
  color: #fff;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .01em;
  text-align: center;
}
body.afa-com-tarja { padding-top: 1.85rem; }

/* ---------- painel ---------- */

.afa-caixa {
  border: 1px solid hsl(var(--border));
  border-radius: .75rem;
  padding: 1.5rem;
}

.afa-titulo {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -.01em;
  margin: 0;
}
.afa-sub {
  margin: .35rem 0 1.25rem;
  font-size: .875rem;
  color: hsl(var(--muted-foreground));
}

.afa-cartas {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 1rem;
}

.afa-carta {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  text-align: left;
  padding: 1rem 1.1rem;
  border: 1px solid hsl(var(--border));
  border-radius: .75rem;
  background: hsl(var(--background));
  cursor: pointer;
  transition: border-color .15s ease, background-color .15s ease;
}
.afa-carta:hover { background: hsl(var(--muted)); }

.afa-carta-nome { font-size: .95rem; font-weight: 600; color: hsl(var(--foreground)); }
.afa-carta-desc { font-size: .8rem; color: hsl(var(--muted-foreground)); line-height: 1.4; }

/* o que está valendo agora tem borda cheia e uma marca de texto */
.afa-carta.afa-atual {
  border-color: hsl(var(--foreground));
  border-width: 2px;
  padding: calc(1rem - 1px) calc(1.1rem - 1px);
}
.afa-carta.afa-atual .afa-carta-nome::after {
  content: ' · em uso';
  font-weight: 500;
  color: hsl(var(--muted-foreground));
}
.afa-carta.afa-escolhido { border-color: hsl(var(--primary)); border-width: 2px; }

/* ambiente sem chave guardada: existe, mas não se escolhe */
.afa-carta.afa-indisponivel {
  opacity: .55;
  cursor: not-allowed;
}
.afa-carta.afa-indisponivel:hover { background: hsl(var(--background)); }

.afa-carta-falta {
  font-size: .75rem;
  color: hsl(var(--muted-foreground));
  font-style: italic;
}
.afa-carta-falta[hidden] { display: none; }

/* ---------- confirmação ---------- */

.afa-confirmar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid hsl(var(--border));
}
.afa-aviso {
  flex-basis: 100%;
  margin: 0 0 .25rem;
  font-size: .8rem;
  color: hsl(var(--foreground));
}

.afa-estado {
  margin-top: 1rem;
  font-size: .8rem;
  color: hsl(var(--muted-foreground));
}
.afa-estado.afa-erro { color: hsl(var(--destructive)); }

.afa-acoes { margin-top: 1rem; }

.afa-btn {
  border: 1px solid hsl(var(--border));
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  border-radius: 9999px;
  padding: .35rem .9rem;
  font-size: .8rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease;
}
.afa-btn:hover:not(:disabled) { background: hsl(var(--muted)); }
.afa-btn:disabled { opacity: .5; cursor: default; }

.afa-primario {
  background: hsl(var(--foreground));
  color: hsl(var(--background));
  border-color: hsl(var(--foreground));
}
.afa-primario:hover:not(:disabled) { background: hsl(var(--foreground) / .9); }

.afa-discreto { border-color: transparent; color: hsl(var(--muted-foreground)); }

/* o item do menu que acrescentamos, quando é o que está aberto */
.afa-item.afa-ativo {
  background: hsl(var(--muted));
  color: hsl(var(--foreground));
}