/* Aba "Consulta de jogador" — escopada em .cs-esc. */
.cs-esc .cs { padding: 16px 20px 48px; display: flex; flex-direction: column; gap: 14px; max-width: 1100px; }
.cs-esc .cs-topo h2 { margin: 0 0 4px; font-size: 20px; }
.cs-esc .cs-topo p { margin: 0 0 10px; color: var(--tinta2); font-size: 13px; max-width: 90ch; line-height: 1.5; }
.cs-esc .cs-busca { background: var(--input-bg); border: 1px solid var(--input-borda); color: var(--tinta); border-radius: 10px; padding: 10px 14px; font: 15px var(--fonte); width: 100%; max-width: 520px; }
.cs-esc .cs-lista { display: flex; flex-direction: column; gap: 2px; max-height: 260px; overflow: auto; border: 1px solid var(--borda); border-radius: 10px; }
.cs-esc .cs-item { display: flex; gap: 10px; align-items: center; width: 100%; text-align: left; background: none; border: 0; border-bottom: 1px solid var(--linha1); color: var(--tinta); font: 13px var(--fonte); padding: 7px 12px; cursor: pointer; }
.cs-esc .cs-item:hover, .cs-esc .cs-item.on { background: var(--veu1); }
.cs-esc .cs-item b { min-width: 170px; }
.cs-esc .cs-item span { color: var(--tinta3); flex: 1; }
.cs-esc .cs-item em, .cs-esc .cs-sel { font-style: normal; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: var(--fundo3); color: var(--tinta2); white-space: nowrap; }
.cs-esc .ideal { background: #1f8f4e; color: #fff; } .cs-esc .bom { background: #2f6fd6; color: #fff; } .cs-esc .meio { background: #b8860b; color: #fff; }
.cs-esc .ruim { background: #8a3a3a; color: #fff; } .cs-esc .fora { background: #444; color: #ddd; }
.cs-esc .cs-ficha { border: 1px solid var(--borda); border-radius: 12px; padding: 16px 18px; background: var(--fundo2); }
.cs-esc .cs-cab { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; align-items: flex-start; margin-bottom: 12px; }
.cs-esc .cs-cab h3 { margin: 0 0 4px; font-size: 20px; display: flex; gap: 10px; align-items: center; }
.cs-esc .cs-cab p { margin: 0; color: var(--tinta2); font-size: 13px; }
.cs-esc .cs-notas { display: flex; gap: 10px; }
.cs-esc .cs-notas div { background: var(--fundo3); border-radius: 10px; padding: 6px 12px; text-align: center; min-width: 64px; }
.cs-esc .cs-notas small { display: block; font-size: 10px; color: var(--tinta3); text-transform: uppercase; letter-spacing: .05em; }
.cs-esc .cs-notas b { font-size: 20px; }
.cs-esc .cs-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; }
.cs-esc .cs-bloco { border: 1px solid var(--borda); border-radius: 10px; padding: 10px 14px; }
.cs-esc .cs-bloco h4 { margin: 0 0 8px; font-size: 13px; color: var(--tinta2); }
.cs-esc .cs-bloco ul { margin: 0 0 8px; padding-left: 18px; font-size: 13px; line-height: 1.5; }
.cs-esc li.ok { color: #58b97a; } .cs-esc li.nao { color: #e07070; } .cs-esc li.sem { color: var(--tinta3); }
.cs-esc .cs-bloco table { border-collapse: collapse; width: 100%; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.cs-esc .cs-bloco td { padding: 4px 6px 4px 0; border-bottom: 1px solid var(--linha1); vertical-align: middle; }
.cs-esc .cs-bloco td small { color: var(--tinta3); font-size: 10px; }
.cs-esc td.b { width: 55%; white-space: nowrap; }
.cs-esc .cs-barra { display: inline-block; width: 70%; height: 8px; background: var(--fundo3); border-radius: 4px; vertical-align: middle; margin-right: 8px; overflow: hidden; }
.cs-esc .cs-barra i { display: block; height: 100%; border-radius: 4px; }
.cs-esc .cs-barra i.alto { background: #1f8f4e; } .cs-esc .cs-barra i.meio { background: #b8860b; } .cs-esc .cs-barra i.baixo { background: #8a3a3a; }
.cs-esc .cs-ok { color: #58b97a; font-size: 11px; font-weight: 700; } .cs-esc .cs-nao { color: #e07070; font-size: 11px; font-weight: 700; }
.cs-esc .cs-nota, .cs-esc .cs-vazio { font-size: 11.5px; color: var(--tinta3); margin: 6px 0 0; }
.cs-esc .cs-legenda { border: 1px dashed var(--borda); border-radius: 10px; padding: 10px 14px; max-width: 80ch; font-size: 13px; }
.cs-esc .cs-legenda h4 { margin: 0 0 6px; } .cs-esc .cs-legenda ul { margin: 0; padding-left: 18px; line-height: 1.5; }

/* 11 campos, um por posição */
.cs-esc .cs-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; }
.cs-esc .cs-slot { border: 1px solid var(--borda); border-radius: 10px; padding: 8px 10px 10px; background: var(--fundo2); display: flex; flex-direction: column; gap: 6px; position: relative; }
.cs-esc .cs-slot.on { border-color: var(--coral); box-shadow: inset 3px 0 0 var(--coral); }
.cs-esc .cs-slot-t { display: flex; gap: 8px; align-items: baseline; font-size: 11px; color: var(--tinta3); }
.cs-esc .cs-slot-t b { font-size: 13px; color: var(--tinta); }
.cs-esc .cs-x { margin-left: auto; background: none; border: 0; color: var(--tinta3); font-size: 16px; cursor: pointer; line-height: 1; }
.cs-esc .cs-x:hover { color: var(--tinta); }
.cs-esc .cs-slot-j { text-align: left; background: var(--fundo3); border: 0; border-radius: 8px; padding: 8px 10px; cursor: pointer; color: var(--tinta); font: 13px var(--fonte); display: flex; flex-direction: column; gap: 3px; }
.cs-esc .cs-slot-j:hover { outline: 1px solid var(--borda2); }
.cs-esc .cs-slot-j > b { font-size: 14px; }
.cs-esc .cs-slot-j > span { color: var(--tinta3); font-size: 12px; }
.cs-esc .cs-slot-j > em { align-self: flex-start; }
.cs-esc .cs-slot-j > small { color: var(--tinta2); font-size: 11.5px; }
.cs-esc .cs-slot-j > small.cs-aviso { color: #e0a050; }
.cs-esc .cs-slot .cs-busca { max-width: none; padding: 7px 10px; font-size: 13px; }
.cs-esc .cs-slot .cs-lista { max-height: 200px; }
.cs-esc .cs-slot .cs-item b { min-width: 0; }
.cs-esc .cs-slot .cs-item { flex-wrap: wrap; gap: 4px 8px; }

/* janela de ficha aberta de outras abas */
.cs-modal { position: fixed; inset: 0; z-index: 60; display: flex; align-items: flex-start; justify-content: center; padding: 40px 16px; overflow: auto; }
.cs-modal-fundo { position: fixed; inset: 0; background: rgba(0,0,0,.55); }
.cs-modal-caixa { position: relative; width: min(1000px, 100%); background: var(--fundo); border: 1px solid var(--borda2); border-radius: 14px; padding: 14px 16px 12px; box-shadow: 0 20px 60px rgba(0,0,0,.5); }
.cs-modal-x { position: absolute; top: 8px; right: 12px; background: none; border: 0; color: var(--tinta3); font-size: 22px; cursor: pointer; line-height: 1; }
.cs-modal-x:hover { color: var(--tinta); }
.cs-modal .cs-ficha { border: 0; padding: 4px 0 0; background: none; }
.cs-modal .cs-nota a { color: var(--coral); }
/* nome clicável nas tabelas do Estudo V2 */
#pgEstudoV2 .esv-doc .esv-jog { cursor: pointer; text-decoration: underline dotted var(--tinta3); text-underline-offset: 3px; }
#pgEstudoV2 .esv-doc .esv-jog:hover { color: var(--coral); }

/* similares */
.cs-esc .cs-sim { grid-column: 1 / -1; }
.cs-esc .cs-sim th { text-align: left; font-size: 10.5px; color: var(--tinta3); text-transform: uppercase; letter-spacing: .04em; padding: 2px 6px 4px 0; }
.cs-esc .cs-sim tr.cs-sim-l { cursor: pointer; }
.cs-esc .cs-sim tr.cs-sim-l:hover td { background: var(--veu1); }
.cs-esc .cs-sim td small { color: var(--tinta3); }
.cs-esc .cs-sim td.b { width: 22%; }

.cs-modal .cs-tipo h4 { margin: 14px 0 6px; font-size: 13px; color: var(--tinta2); }
.cs-modal .cs-tipo table { border-collapse: collapse; width: 100%; font-size: 12px; font-variant-numeric: tabular-nums; }
.cs-modal .cs-tipo th { text-align: left; font-size: 10.5px; color: var(--tinta3); text-transform: uppercase; letter-spacing: .04em; padding: 2px 6px 4px 0; }
.cs-modal .cs-tipo td { padding: 4px 6px 4px 0; border-bottom: 1px solid var(--linha1); }
.cs-modal .cs-tipo tr.cs-sim-l { cursor: pointer; }
.cs-modal .cs-tipo tr.cs-sim-l:hover td { background: var(--veu1); }
#pgEstudoV2 .esv-doc .esv-tipo { cursor: pointer; text-decoration: underline dotted var(--tinta3); text-underline-offset: 3px; }
#pgEstudoV2 .esv-doc .esv-tipo:hover { color: var(--coral); }

/* ficha completa do app dentro da Consulta de jogador */
.cs-det{margin-top:14px;border:1px solid var(--borda);border-radius:10px;background:var(--fundo2);overflow:hidden}
.cs-det:empty{display:none}
.cs-det-tit{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;padding:11px 14px 2px}
.cs-det-tit h3{margin:0;font-size:14px;text-transform:uppercase;letter-spacing:.6px;color:var(--tinta)}
.cs-det-tit span{font-size:11.5px;color:var(--tinta3)}
.cs-det .sq{margin:10px 14px 12px}
.cs-det .fi-grid{grid-template-columns:repeat(auto-fit,minmax(262px,1fr))}
.cs-det .sq-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}

/* avaliações dos scouts (só no app local) */
.cs-av-res{display:flex;flex-wrap:wrap;gap:8px;padding:8px 14px}
.cs-av-res>div{background:var(--fundo3);border:1px solid var(--borda);border-radius:8px;padding:8px 14px;min-width:110px}
.cs-av-res b{display:block;font-size:22px;color:var(--tinta)} .cs-av-res b.pq{font-size:13px;padding:5px 0}
.cs-av-res b.v{color:var(--txt-verde)} .cs-av-res b.a{color:var(--txt-ambar)} .cs-av-res b.r{color:var(--txt-vermelho)}
.cs-av-res small{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--tinta3)}
.cs-av-scouts{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 8px;font-size:11.5px;color:var(--tinta2)}
.cs-av-scouts span{border:1px solid var(--borda2);border-radius:6px;padding:3px 9px} .cs-av-scouts b{color:var(--tinta)}
.cs-av-lista{padding:0 14px 12px;max-height:70vh;overflow:auto}
.cs-av{border-top:1px dashed var(--linha1);padding:9px 0}
.cs-av-cab{font-size:11.5px;color:var(--tinta3)} .cs-av-cab b{color:var(--tinta)}
.cs-av-cab i{display:inline-block;min-width:22px;text-align:center;font-style:normal;font-weight:700;color:#fff;border-radius:4px;padding:1px 6px;margin:0 3px}
.cs-av-cab i.v{background:#16a34a} .cs-av-cab i.a{background:#d97706} .cs-av-cab i.r{background:#dc2626}
.cs-av-cab em{font-style:normal;border:1px solid var(--borda2);border-radius:4px;padding:0 6px;margin-left:3px;color:var(--tinta2)} .cs-av-cab em.ov{border-color:var(--ambar);color:var(--txt-ambar)}
.cs-av p{margin:4px 0 0;font-size:13.5px;color:var(--tinta);line-height:1.5} .cs-av p .sem{color:var(--tinta3);font-size:12px}

/* jogadores fora do estudo (sem nota) e minutos na busca */
.cs-esc .cs-min{font-style:normal;font-weight:700;color:var(--tinta2)} .cs-esc .cs-min.pouco{color:#e0a94a}
.cs-esc em.semnota,.cs-esc .cs-sel.semnota{background:transparent;border:1px dashed var(--tinta3);color:var(--tinta3)}
.cs-esc .cs-det-tit .cs-dados,.cs-det-tit .cs-dados{margin-left:auto}