/* CostaCraft • Banimentos (v924 layout) — seção #banimentos do portal.
   Reaproveita .box/.parchment, .auth-tabs, .gold-button e .ranking-table do styles.css; aqui só os ajustes. */
.ban-toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin: 0 0 12px; }
.ban-tabs { flex: 0 1 260px; margin: 0; }
.ban-search { display: flex; gap: 8px; align-items: center; flex: 1 1 260px; max-width: 380px; }
.ban-search input { flex: 1; }
.ban-table { min-width: 600px; }
/* A .ranking-table destaca a 1ª coluna como posição (#); aqui ela é o personagem. */
.ranking-table.ban-table td:first-child { width: auto; color: var(--ink); font-weight: 400; }
.ranking-table.ban-table td { vertical-align: top; }
.ban-table td.ban-name .rank-player-link { font-weight: 700; }
.ban-table td.ban-date { white-space: nowrap; color: var(--ink-soft); }
.ban-table .ban-protocol { display: block; font-size: .72rem; color: var(--ink-soft); }
.tk-badge.b-active { color: var(--cc-parchment); background: var(--cc-ember); }
.tk-badge.b-expired { color: rgba(var(--cc-parchment-rgb), .75); background: var(--cc-stone); }
.tk-badge.b-revoked { color: var(--cc-state-ok); background: var(--cc-obsidian); }
.tk-badge.b-perm { color: var(--cc-obsidian); background: linear-gradient(180deg, var(--cc-gold-light), var(--cc-gold)); }
#banEmpty, #banError { margin-top: 10px; }
.box-body > .tk-small { margin-top: 10px; }
@media (max-width: 640px) {
  .ban-tabs, .ban-search { flex: 1 1 100%; max-width: none; }
}