/* Tabela "Quem entrou pelo seu link" em /convidar (indicados-tabela-20261108.js). Usa as variáveis de cor do próprio site. */
.itb {
  background: var(--z-secundario, #1b1b1b);
  border: 1px solid var(--z-linha-sutil, rgba(255, 255, 255, .08));
  border-radius: 16px;
  padding: 20px 16px;
  color: var(--k-texto, #fff);
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.itb-cabeca { display: flex; flex-direction: column; gap: 4px; }
.itb-cabeca h3 { margin: 0; color: var(--z-ouro, #ffd60a); font-size: 20px; font-weight: 700; }
.itb-cabeca span { color: var(--z-cinza, #9a9a9a); font-size: 13px; }
.itb-vazio { margin: 0; color: var(--z-cinza, #9a9a9a); font-size: 13px; line-height: 20px; }
.itb-rolagem { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 -4px; padding: 0 4px; }
.itb-tabela { width: 100%; border-collapse: collapse; font-size: 12.5px; table-layout: auto; }
.itb-tabela th {
  text-align: left; color: var(--z-cinza, #9a9a9a); font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: .03em;
  padding: 6px 5px; border-bottom: 1px solid var(--z-linha-sutil, rgba(255, 255, 255, .1)); white-space: nowrap;
}
.itb-tabela th:first-child, .itb-tabela td:first-child { padding-left: 2px; }
.itb-tabela th:last-child, .itb-tabela td:last-child { padding-right: 2px; }
.itb-tabela td { padding: 9px 5px; border-bottom: 1px solid var(--z-linha-sutil, rgba(255, 255, 255, .06)); vertical-align: middle; white-space: nowrap; }
.itb-tabela tbody tr:last-child td { border-bottom: 0; }
.itb-tabela tbody tr:nth-child(odd) td { background: var(--z-primario, rgba(0, 0, 0, .15)); }
.itb-tabela td.itb-num, .itb-tabela th.itb-num { text-align: right; font-variant-numeric: tabular-nums; }
.itb-quem b { display: block; font-weight: 700; max-width: 150px; overflow: hidden; text-overflow: ellipsis; }
.itb-data small { display: block; color: var(--z-cinza, #9a9a9a); font-size: 11px; }
.itb-quem small { display: block; color: var(--z-cinza, #9a9a9a); font-size: 11px; }
.itb-ganho { color: #4fe3a3; font-weight: 700; }
.itb-sit { display: inline-block; padding: 3px 7px; border-radius: 999px; font-size: 11px; font-weight: 700; background: rgba(255, 255, 255, .08); color: var(--k-texto, #fff); }
.itb-sit-cadastrou { background: rgba(255, 255, 255, .08); }
.itb-sit-gerou_pix { background: rgba(255, 214, 10, .18); color: #ffd60a; }
.itb-sit-depositou { background: rgba(79, 227, 163, .18); color: #4fe3a3; }
.itb-sit-valido { background: #1fb760; color: #fff; }
.itb-com-mini { display: none; color: #4fe3a3; font-size: 11px; font-weight: 700; }
/* celular: sem a coluna Comissão; quando houver comissão ela aparece em miúdo embaixo do depósito */
@media (max-width: 520px) {
  .itb { padding: 16px 12px; }
  .itb-cabeca h3 { font-size: 18px; }
  .itb-col-com { display: none; }
  .itb-com-mini { display: block; }
  .itb-quem b { max-width: 104px; }
  .itb-tabela { font-size: 12px; }
}