/* Responsividade geral do BCLWeb */
:root {
  --content-vh-offset: 140px;
}

/* Container principal com padding fluido */
.ea-draft-system,
.ea-app-wrap {
  padding-left: clamp(12px, 2vw, 24px);
  padding-right: clamp(12px, 2vw, 24px);
}

/* Grids adaptativos */
.ea-draft-form-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.ea-draft-pickers-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }

/* Tabelas rolagem horizontal suave em telas pequenas */
.ea-standings-table-wrapper,
.ranking-table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Sumário da seleção em grid compacto para mobile */
.ea-selection-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}
.ea-selection-summary .ea-summary-item {
  background: var(--ea-bg-secondary);
  border: 1px solid var(--ea-border-color);
  border-radius: 10px;
  padding: 10px 12px;
}
.ea-selection-summary .ea-summary-item .ea-label { font-weight: 600; font-size: 0.95rem; }
.ea-selection-summary .ea-summary-item .ea-value { font-size: 1.1rem; }

/* Painel de créditos: reforçar contraste e legibilidade */
.ea-credits-cr { font-variant-numeric: tabular-nums; }
.ea-credits-cr.neg { color: var(--ea-danger); }

/* Cartões e lista em telas muito estreitas */
@media (max-width: 420px) {
  .ea-fut-card { transform: scale(0.95); transform-origin: center; }
  .ea-draft-picker-card { padding: 14px; gap: 10px; }
}

/* Cabeçalhos e títulos ajustados */
@media (max-width: 768px) {
  .ea-draft-setup-title h2 { font-size: 1.8rem; }
  .ea-draft-section-title { font-size: 1.25rem; }
}