/* UI Tweaks for BCLWeb */
/* UI Tweaks for BCLWeb */
.ranking-table-responsive .top1-row, .ranking-table-responsive .top2-row, .ranking-table-responsive .top3-row, .ranking-table-responsive .logged-user-row {
    background: none !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.ranking-table-responsive thead th {
    font-weight: 600 !important;
    font-size: 1.1em !important;
    padding: 12px !important;
    color: #fff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.ea-variant-label-footer {
    font-size: 0.8em;
    color: #888;
    text-align: center;
    margin-top: 5px;
}

/* Mostrar nome da variante dentro da carta, no rodapé interno */
.ea-fut-card { position: relative; }
.ea-fut-card .ea-variant-label {
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 8px;
    text-align: center;
    font-weight: 600;
    font-size: 0.85em;
    color: #fff;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 4px 6px;
    pointer-events: none;
}

/* Aplicar padrão a outras tabelas do site */
.ea-standings-table thead th,
.dados-individuais-tabela thead th {
    font-weight: 600 !important;
    font-size: 1.1em !important;
    padding: 12px !important;
    color: #fff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* Split layout: garantir que a tabela ocupe toda a altura do container */
.ranking-split { align-items: stretch !important; }
.ranking-split-left, .ranking-split-left .ranking-table-wrapper { height: 100% !important; }
.ranking-split .ranking-table-wrapper { max-height: calc(100vh - var(--content-vh-offset)) !important; height: auto !important; overflow-y: auto !important; }
.ranking-split-right { position: static !important; height: auto !important; overflow: auto; }

/* Fazer com que a tabela use a altura disponível */
.ranking-split-left .ea-standings-table { height: 100%; }

/* Destaques mais simples e modernos nas linhas especiais */
.ea-standings-table tbody tr.top1-row,
.ea-standings-table tbody tr.top2-row,
.ea-standings-table tbody tr.top3-row {
    background: transparent !important;
    border-left: none !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
}
.ea-standings-table tbody tr.logged-user-row {
    background: transparent !important;
    box-shadow: inset 0 0 0 1.5px rgba(0, 168, 255, 0.45) !important;
}

/* Garantir que o nome da variante apareça dentro do card */
.ea-fut-card .ea-variant-label { display: block !important; }
.ea-variant-label-footer { display: none !important; }

/* Remover destaque de linhas especiais em todas as tabelas relevantes */
.ea-standings-table tbody tr.top1-row,
.ea-standings-table tbody tr.top2-row,
.ea-standings-table tbody tr.top3-row,
.dados-individuais-tabela tbody tr.top1-row,
.dados-individuais-tabela tbody tr.top2-row,
.dados-individuais-tabela tbody tr.top3-row {
    background: none !important;
    border-left: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
}
.ea-standings-table tbody tr.logged-user-row,
.dados-individuais-tabela tbody tr.logged-user-row {
  background: none !important;
  border-left: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(0, 168, 255, 0.45) !important;
}
.ea-standings-table tbody tr td,
.dados-individuais-tabela tbody tr td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* ================= OVERRIDES FINAIS (mais específicos) ================= */
/* Painel direito fixo ao lado da tabela, sem rolagem interna */
.ranking-split-right { position: sticky !important; top: 0 !important; height: auto !important; overflow: hidden !important; }

/* Variante: somente texto centralizado, alinhado ao nome, sem borda/fundo */
.ea-fut-card .ea-variant-label {
  position: absolute;
  left: 8px; right: 8px; bottom: 8px;
  text-align: center;
  font-weight: 700 !important;
  font-size: 0.95em !important;
  color: #eaf2ff !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  pointer-events: none;
  text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;
}

/* Linhas destacadas: acento suave com borda esquerda e fundo muito leve */
/* Remover quaisquer destaques das linhas da tabela */
.ranking-table-responsive tbody tr,
.ranking-table-responsive tbody tr.even-row,
.ranking-table-responsive tbody tr:hover,
.ranking-table-responsive tbody tr.top1-row,
.ranking-table-responsive tbody tr.top2-row,
.ranking-table-responsive tbody tr.top3-row,
.ranking-table-responsive tbody tr.logged-user-row,
.ea-standings-table tbody tr,
.ea-standings-table tbody tr.even-row,
.ea-standings-table tbody tr:hover,
.ea-standings-table tbody tr.top1-row,
.ea-standings-table tbody tr.top2-row,
.ea-standings-table tbody tr.top3-row,
.ea-standings-table tbody tr.logged-user-row {
  background: transparent !important;
  box-shadow: none !important;
  border-left: none !important;
  text-shadow: none !important;
  color: inherit !important;
}

.ea-vote-card { position: relative; z-index: 0; }
.ea-vote-card::before, .ea-vote-card::after { z-index: 0 !important; pointer-events: none !important; }
.ea-vote-card > * { position: relative; z-index: 1; }
.vote-stars .vote-select { position: relative; z-index: 2; }

@media (max-width: 400px) {
  .ea-vote-card { grid-template-columns: 88px 1fr !important; }
  .ea-vote-card .ea-mini-photo { width: 88px !important; height: 88px !important; }
}

.ranking-table-responsive tbody tr td,
.ea-standings-table tbody tr td {
  background: transparent !important;
  text-shadow: none !important;
  color: inherit !important;
}

.ranking-table-responsive tbody tr:nth-child(-n+3):hover td,
.ea-standings-table tbody tr:nth-child(-n+3):hover td {
  background: transparent !important;
  text-shadow: none !important;
}

.logged-user-row td { background: transparent !important; }
.logged-user-row { box-shadow: none !important; border-left: none !important; }

/* Modo escuro para Gestor de Usuários */
.ea-dark-theme { background-color: #0d1117; color: #e6edf3; }
.ea-dark-theme .ea-user-management-header { background: #0f141b; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.ea-dark-theme .ea-header-title h3, .ea-dark-theme .ea-header-description { color: #e6edf3; }
.ea-dark-theme .ea-header-stats .ea-stat-card { background: #11161f; border: 1px solid rgba(255, 255, 255, 0.08); color: #e6edf3; }
.ea-dark-theme .ea-actions-bar { background: #0f141b; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.ea-dark-theme .ea-action-btn { background-color: #1f6feb; color: #fff; border-color: transparent; }
.ea-dark-theme .ea-search-box { background: #0d1117; border: 1px solid rgba(255, 255, 255, 0.1); }
.ea-dark-theme .ea-search-input { background: transparent; color: #e6edf3; }
.ea-dark-theme .ea-loading-state p { color: #e6edf3; }
.ea-dark-theme .ea-admin-card { background: #0f141b; border: 1px solid rgba(255, 255, 255, 0.08); }
.ea-dark-theme .ea-admin-name { color: #e6edf3; }
.ea-dark-theme .ea-admin-toggle { color: #e6edf3; }
.ea-dark-theme .ea-btn-primary, .ea-dark-theme .ea-btn-secondary { background: #1f6feb; color: #fff; }

/* Dark mode completo para lista de usuários (Gestor) */
.ea-dark-theme .ea-users-container { background: #0d1117 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06); }
.ea-dark-theme .ea-users-grid { background: transparent !important; }
.ea-dark-theme .ea-user-card { background: transparent !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; }
.ea-dark-theme .ea-user-card:hover { background: rgba(255,255,255,0.06) !important; }
.ea-dark-theme .ea-user-card.ea-editing { background: rgba(31,111,235,0.12) !important; border-left: 4px solid #1f6feb !important; }

/* Utilitário para preencher conteúdo no container */
.ea-fill { width: 100%; height: 100%; }
.ea-app-wrap { min-height: 100vh; }
/* Destaques Top 3: ouro, prata e bronze */
.ranking-table-responsive tbody tr.top1-row,
.ea-standings-table tbody tr.top1-row {
  background: linear-gradient(90deg, rgba(205,164,52,0.20), rgba(255,255,255,0)) !important;
  box-shadow: inset 0 0 0 1.5px #cda434 !important;
}
.ranking-table-responsive tbody tr.top2-row,
.ea-standings-table tbody tr.top2-row {
  background: linear-gradient(90deg, rgba(191,196,202,0.20), rgba(255,255,255,0)) !important;
  box-shadow: inset 0 0 0 1.5px #bfc4ca !important;
}
.ranking-table-responsive tbody tr.top3-row,
.ea-standings-table tbody tr.top3-row {
  background: linear-gradient(90deg, rgba(181,139,79,0.20), rgba(255,255,255,0)) !important;
  box-shadow: inset 0 0 0 1.5px #b58b4f !important;
}

/* Badge na coluna de posição para Top 3 */
.ea-standings-table tbody tr.top1-row td.col-pos,
.ranking-table-responsive tbody tr.top1-row td.col-pos {
  background: linear-gradient(180deg, #f9e58d, #cda434) !important;
  color: #0a2540 !important;
  border: 1px solid rgba(205,164,52,0.6) !important;
  border-radius: 12px !important;
}

/* Destaque moderno para usuário logado */
.ranking-table-responsive tbody tr.logged-user-row,
.ea-standings-table tbody tr.logged-user-row {
  background: linear-gradient(90deg, rgba(0,168,255,0.12), rgba(0,168,255,0.06)) !important;
  box-shadow: inset 0 0 0 1.5px rgba(0,168,255,0.45) !important;
}
.ranking-table-responsive tbody tr.logged-user-row:hover,
.ea-standings-table tbody tr.logged-user-row:hover {
  background: linear-gradient(90deg, rgba(0,168,255,0.16), rgba(0,168,255,0.08)) !important;
}
.ea-standings-table tbody tr.top2-row td.col-pos,
.ranking-table-responsive tbody tr.top2-row td.col-pos {
  background: linear-gradient(180deg, #e7eaee, #bfc4ca) !important;
  color: #0a2540 !important;
  border: 1px solid rgba(191,196,202,0.6) !important;
  border-radius: 12px !important;
}
.ea-standings-table tbody tr.top3-row td.col-pos,
.ranking-table-responsive tbody tr.top3-row td.col-pos {
  background: linear-gradient(180deg, #ffe9d8, #b58b4f) !important;
  color: #0a2540 !important;
  border: 1px solid rgba(181,139,79,0.6) !important;
  border-radius: 12px !important;
}