/* aptidoes.css — depende de codex.css + pals-list.css + montarias.css
   (reaproveita .montarias-tabs, .montarias-painel, .montaria-card e
   toda a casca de layout -- só o que é específico de aptidão fica aqui). */

.aptidoes-ordenar-bar{
  display:flex;
  align-items:center;
  gap:.6rem;
  margin:0 0 1rem;
}
.aptidoes-ordenar-label{
  font-family: var(--font-mono);
  font-size:.72rem;
  color: var(--text-dim);
  text-transform:uppercase;
  letter-spacing:.03em;
}
.aptidoes-ordenar-toggle{
  display:inline-flex;
  border:1px solid var(--accent-line);
  border-radius:999px;
  overflow:hidden;
}
.aptidoes-ordenar-btn{
  font-family: var(--font-mono);
  font-size:.72rem;
  font-weight:600;
  color: var(--text-dim);
  background: transparent;
  border:0;
  padding:.32rem .85rem;
  cursor:pointer;
  transition: background .15s ease, color .15s ease;
}
.aptidoes-ordenar-btn:hover{ color: var(--text-bright); }
.aptidoes-ordenar-btn.is-active{
  background: var(--accent-soft);
  color: var(--accent);
}

.aptidao-card-badge-nivel{
  font-family: var(--font-mono);
  font-size:.62rem;
  font-weight:700;
  color: var(--accent);
  background: var(--accent-soft);
  border:1px solid var(--accent-line);
  border-radius:999px;
  padding:.1rem .5rem;
  flex-shrink:0;
  cursor:help;
}

.aptidao-card-rank-compare{
  font-size:.68rem;
  color: var(--text-dim);
  margin-top:.25rem;
  cursor:help;
}
.aptidao-card-rank-compare b{ color: var(--text-bright); font-weight:700; }

.aptidao-card-score{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  min-width:170px;
  padding:.4rem .8rem;
  border-radius:10px;
  border:1px solid var(--accent-line);
  background: var(--accent-soft);
  flex-shrink:0;
  cursor:help;
}
.aptidao-card-score-label{
  font-family: var(--font-mono);
  font-size:.62rem;
  text-transform:uppercase;
  letter-spacing:.03em;
  color: var(--accent);
  display:flex;
  align-items:center;
  gap:.25rem;
}
.aptidao-card-score-values{
  display:flex;
  gap:.75rem;
  margin-top:.15rem;
}
.aptidao-card-score-item{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
}
.aptidao-card-score-item small{
  font-family: var(--font-mono);
  font-size:.58rem;
  color: var(--text-dim);
  text-transform:uppercase;
  letter-spacing:.02em;
}
.aptidao-card-score-item b{
  font-family: var(--font-mono);
  font-weight:700;
  font-size:1rem;
  color: var(--accent);
}

@media (max-width: 700px){
  .aptidao-card-score{ width:100%; align-items:flex-start; margin-top:.5rem; }
  .aptidao-card-score-item{ align-items:flex-start; }
}