/* ================= aba Bola parada por treinador (static/bola_parada.js) =================
   Reaproveita a casca da aba Série B (.sb, .sb-kpi, .sb-tela, .sb-tab, .sb-nota). O par
   azul/laranja também é o de lá, e pelo mesmo motivo: verde/vermelho some para quem tem
   daltonismo de eixo vermelho-verde. Aqui a cor só marca melhor/pior que a média; o número
   ao lado, com sinal, diz a mesma coisa sem depender da cor. */
#pgBolaParada:not(.oculta){display:flex;flex-direction:column;min-height:0}
#pgBolaParada{--bp-bom:#3f9fcc;--bp-ruim:#c08420;--bp-ponto:#8b95a4}
body.claro #pgBolaParada{--bp-bom:#0f6f9e;--bp-ruim:#c2650d;--bp-ponto:#6b7482}

/* medias de cada competicao: series nas linhas, anos nas colunas */
.sb-tab.bp-medias{min-width:640px}
.bp-medias th,.bp-medias td{padding:9px 12px}
.bp-medias thead th:first-child{text-transform:none;letter-spacing:0;font-size:11px;font-weight:400}
.bp-medias tbody td:first-child{font-weight:700;vertical-align:middle}
.bp-medias td b{display:block;font-size:19px;line-height:1.1;color:var(--tinta);font-weight:800}
.bp-medias td small{display:block;font-size:10.5px;color:var(--tinta3);margin-top:2px;white-space:nowrap}

.bp-filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.bp-filtros select,.bp-filtros input{background:var(--input-bg);border:1px solid var(--input-borda);
  color:var(--tinta);border-radius:6px;padding:6px 8px;font:inherit;font-size:12.5px}
.bp-filtros input{min-width:200px}
.bp-chips{display:inline-flex;flex-wrap:wrap;gap:6px}
.bp-chips:empty{display:none}
.bp-chips button{background:var(--veu2);border:1px solid var(--coral);color:var(--tinta);border-radius:999px;
  padding:3px 9px;font:inherit;font-size:12px;cursor:pointer}
.bp-chips button i{font-style:normal;color:var(--tinta3);font-size:11px}
.bp-chips button.limpar{border-color:var(--borda2);color:var(--tinta2)}
.bp-rot{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--tinta2)}
.bp-seg{display:inline-flex;border:1px solid var(--borda2);border-radius:6px;overflow:hidden}
.bp-seg button{background:transparent;border:0;color:var(--tinta2);padding:6px 11px;font:inherit;
  font-size:12.5px;cursor:pointer}
.bp-seg button+button{border-left:1px solid var(--borda2)}
.bp-seg button.on{background:var(--veu3);color:var(--tinta);font-weight:700}
.bp-cont{font-size:12px;color:var(--tinta3);margin-left:auto}

.bp-tela{position:relative}
.bp-p{cursor:pointer;outline:none}
.bp-p:focus-visible circle:last-child{stroke:var(--tinta)}
.bp-dica{position:absolute;pointer-events:none;background:var(--fundo3);border:1px solid var(--borda2);
  border-radius:6px;padding:8px 10px;font-size:12px;box-shadow:var(--sombra-card);max-width:300px;z-index:5}
.bp-dica b{display:block;font-size:13px;color:var(--tinta);margin-bottom:3px}
.bp-dica span{display:block;color:var(--tinta2);line-height:1.45}

/* a tabela tem 13 colunas: esta aba ganha mais largura que a Série B (1020 px), para caber
   inteira a partir de ~1280 px de janela sem rolagem lateral */
#pgBolaParada .sb{max-width:100%}
.bp-tabwrap{overflow-x:auto;background:var(--fundo2);border:1px solid var(--borda);border-radius:8px}
.sb-tab.bp-tab{min-width:1060px}
.bp-tab th,.bp-tab td{padding:7px 6px}
/* titulos quebram em 2 linhas: em maiusculas e espacados, sem quebra eles empurravam a ultima
   coluna (xG contra) para fora da tela */
.bp-tab thead th{line-height:1.25;white-space:normal;letter-spacing:.05em}
.bp-tab tbody td{white-space:normal;overflow-wrap:break-word}
.bp-tab tbody td:first-child{white-space:normal}
.bp-tab thead tr.grupo th{text-align:center;border-bottom:1px solid var(--borda2);padding-bottom:4px}
.bp-tab thead th[data-k]{cursor:pointer;user-select:none;vertical-align:bottom}
.bp-tab thead th.ord{color:var(--tinta)}
.bp-tab tbody td:first-child{max-width:230px}
.bp-trab{display:block;font-size:10.5px;color:var(--tinta3);line-height:1.35;margin-top:2px;white-space:normal}
.bp-tab tbody tr.linha{cursor:pointer}
.bp-tab tbody tr.linha:hover td{background:var(--veu1)}
.bp-tab tbody tr.bp-sel td{background:var(--veu3)}
.bp-div{display:inline-grid;grid-template-columns:40px 40px;gap:5px;align-items:center;justify-items:end}
.bp-div i{display:block;width:40px;height:8px;background:var(--veu2);border-radius:4px;position:relative}
.bp-div i s{position:absolute;top:0;height:100%;border-radius:4px}
.bp-div i::after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--tracejado2)}

.bp-tab tr.bp-det td{background:var(--fundo3);text-align:left;cursor:default}
/* a 1a coluna tem "Falta indireta ou jogada ensaiada": com 280 px a tabela passava da celula e
   o "sofridos" invadia a tabela dos trabalhos */
.bp-det-grid{display:grid;grid-template-columns:minmax(340px,360px) 1fr;gap:22px;padding:6px 2px 8px}
.bp-det-grid>div{min-width:0}
.bp-mini{border-collapse:collapse;width:100%;font-size:12px}
.bp-mini th,.bp-mini td{padding:4px 8px;border-bottom:1px solid var(--borda);text-align:right;color:var(--tinta2)}
.bp-mini th:first-child,.bp-mini td:first-child{text-align:left}
.bp-mini thead th{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta3);font-weight:700}
.bp-mini tr.tot td{color:var(--tinta);font-weight:700}
.bp-mini tr.obs td{font-size:11px;color:var(--tinta3);border-bottom-style:dashed}
.bp-obs{margin:8px 0 0;font-size:11.5px;color:var(--tinta3)}

/* grupos da tabela com fundo próprio (17/10/2026): a favor verde, sofridos vermelho */
.bp-tab .g-a{background:rgba(46,160,67,.09)}
.bp-tab .g-s{background:rgba(218,54,51,.09)}
.bp-tab .g-x{background:rgba(140,149,159,.07)}
.bp-tab thead tr.grupo th.g-a{background:rgba(46,160,67,.28);color:#7ee787;font-weight:700}
.bp-tab thead tr.grupo th.g-s{background:rgba(218,54,51,.28);color:#ffa198;font-weight:700}
.bp-tab thead tr.grupo th.g-x{background:rgba(140,149,159,.18)}
.bp-tab thead th.g-a{background:rgba(46,160,67,.16)}
.bp-tab thead th.g-s{background:rgba(218,54,51,.16)}
.bp-tab .g-a.g-ini{border-left:2px solid rgba(46,160,67,.7)} .bp-tab .g-a.g-fim{border-right:2px solid rgba(46,160,67,.7)}
.bp-tab .g-s.g-ini{border-left:2px solid rgba(218,54,51,.7)} .bp-tab .g-s.g-fim{border-right:2px solid rgba(218,54,51,.7)}
.bp-tab .g-x.g-ini{border-left:2px solid rgba(140,149,159,.5)} .bp-tab .g-x.g-fim{border-right:2px solid rgba(140,149,159,.5)}
.bp-tab tbody tr.linha:hover .g-a{background:rgba(46,160,67,.16)}
.bp-tab tbody tr.linha:hover .g-s{background:rgba(218,54,51,.16)}