/* ═══ SCOUT CLUBS — 09-mercado.css · v1.38 — Análise de Mercado ═══ */
.mk-head{margin-bottom:16px}
.mk-title{font-family:var(--fd);font-size:20px;transform:skewX(-6deg);margin-bottom:14px}
.mk-title span{font-family:var(--fc);font-size:10px;letter-spacing:.1em;color:var(--t3);margin-left:8px;transform:skewX(6deg);display:inline-block}
.mk-search{width:100%;background:var(--bg2);border:1px solid var(--bdr);border-radius:11px;color:var(--t1);padding:14px 18px;font-size:14px;font-family:var(--fc);outline:none;margin-bottom:14px}
.mk-search:focus{border-color:var(--g1)}
.mk-filters{display:flex;gap:18px;flex-wrap:wrap}
.mk-fgroup span{font-family:var(--fc);font-size:9px;letter-spacing:.14em;color:var(--t3);display:block;margin-bottom:6px}
.mk-btns{display:flex;gap:6px}
.mk-pos,.mk-sort{background:var(--bg2);border:1px solid var(--bdr);color:var(--t2);border-radius:8px;padding:8px 14px;font-family:var(--fc);font-size:11px;cursor:pointer;transition:.15s}
.mk-pos.on,.mk-sort.on{background:var(--g1);color:#06080B;border-color:var(--g1);font-weight:700}
.mk-list{margin-top:18px;display:flex;flex-direction:column;gap:8px}
.mk-row{display:flex;align-items:center;gap:14px;background:var(--bg2);border:1px solid var(--bdr);border-radius:12px;padding:14px 16px;cursor:pointer;transition:.18s}
.mk-row:hover{transform:translateX(4px);border-color:color-mix(in srgb,var(--g1) 40%,var(--bdr))}
.mk-rank{font-family:var(--fd);font-size:20px;color:var(--t3);min-width:28px;transform:skewX(-6deg)}
.mk-pinfo{flex:1;min-width:0}
.mk-pname{font-family:var(--fd);font-size:17px;transform:skewX(-4deg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-psub{font-family:var(--fc);font-size:10px;color:var(--t3);margin-top:2px}
.mk-pstats{display:flex;gap:16px}
.mk-st{text-align:center}
.mk-st b{font-family:var(--fd);font-size:19px;transform:skewX(-6deg);display:block}
.mk-st b.hl{color:var(--g1)}
.mk-st span{font-family:var(--fc);font-size:8px;letter-spacing:.1em;color:var(--t3)}

/* ficha */
.mk-back{background:none;border:none;color:var(--g1);font-family:var(--fc);font-size:12px;cursor:pointer;margin-bottom:16px;padding:6px 0}
.mk-fhead{display:flex;align-items:center;gap:16px;background:var(--bg2);border:1px solid var(--bdr);border-radius:14px;padding:20px;margin-bottom:12px}
.mk-favatar{width:60px;height:60px;border-radius:14px;background:linear-gradient(150deg,var(--g1),#063);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:22px;color:#000}
.mk-fname{font-family:var(--fd);font-size:26px;transform:skewX(-5deg)}
.mk-fpos{font-family:var(--fc);font-size:10px;letter-spacing:.12em;color:var(--t2);margin-top:2px}
.mk-frating{margin-left:auto;text-align:right;font-family:var(--fd);font-size:38px;color:var(--g1);transform:skewX(-6deg)}
.mk-frating span{display:block;font-family:var(--fc);font-size:8px;letter-spacing:.12em;color:var(--t3);transform:skewX(6deg)}
.mk-fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.mk-fc{background:var(--bg2);border:1px solid var(--bdr);border-radius:10px;padding:14px;text-align:center}
.mk-fc b{font-family:var(--fd);font-size:24px;transform:skewX(-6deg);display:block;color:var(--g1)}
.mk-fc span{font-family:var(--fc);font-size:8px;letter-spacing:.12em;color:var(--t3);margin-top:2px}
.mk-fclubs{background:var(--bg2);border:1px solid var(--bdr);border-radius:14px;padding:18px}
.mk-fclubs-h{font-family:var(--fc);font-size:10px;letter-spacing:.14em;color:var(--g2);margin-bottom:12px}
.mk-club{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--bdr)}
.mk-club:last-child{border-bottom:none}
.mk-club span{font-family:var(--fo,'Oswald');font-weight:600;font-size:14px}
.mk-club b{font-family:var(--fc);font-size:11px;color:var(--t2)}
.mk-fnote{font-size:11px;color:var(--t3);margin-top:12px;line-height:1.5;text-align:center}

/* v1.39: hero de destaque + stats completas + ícones */
.mk-fhead-info{flex:1;min-width:0}
.mk-fhero{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.mk-fhero-c{background:var(--bg2);border:1px solid var(--bdr);border-radius:12px;padding:16px;text-align:center}
.mk-fhero-c.hl{background:linear-gradient(160deg,rgba(0,255,135,.12),var(--bg2));border-color:rgba(0,255,135,.35)}
.mk-fhero-c b{font-family:var(--fd);font-size:34px;transform:skewX(-6deg);display:block;color:var(--t1)}
.mk-fhero-c.hl b{color:var(--g1)}
.mk-fhero-c span{font-family:var(--fc);font-size:8.5px;letter-spacing:.1em;color:var(--t2);display:block;margin-top:4px}
.mk-fhero-c small{font-family:var(--fc);font-size:9px;color:var(--t3);display:block;margin-top:3px}
.mk-fsection{font-family:var(--fc);font-size:10px;letter-spacing:.14em;color:var(--g2);margin:6px 0 12px}
.mk-fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}
@media(max-width:640px){.mk-fgrid{grid-template-columns:repeat(3,1fr)}.mk-fhero{grid-template-columns:1fr}}
.mk-fc{background:var(--bg2);border:1px solid var(--bdr);border-radius:10px;padding:14px 8px;text-align:center;position:relative}
.mk-fc-ic{font-size:15px;margin-bottom:5px;opacity:.85}
.mk-fc b{font-family:var(--fd);font-size:22px;transform:skewX(-6deg);display:block;color:var(--t1)}
.mk-fc b.hl{color:var(--g1)}
.mk-fc span{font-family:var(--fc);font-size:7.5px;letter-spacing:.08em;color:var(--t3);margin-top:3px;display:block}

/* v1.40: dropdowns de filtro + badge de posição */
.mk-select{background:var(--bg2);border:1px solid var(--bdr);color:var(--t1);border-radius:9px;padding:11px 14px;font-family:var(--fc);font-size:12px;outline:none;cursor:pointer;min-width:180px}
.mk-select:focus{border-color:var(--g1)}
.mk-filters{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}
.mk-posbadge{display:inline-block;background:color-mix(in srgb,var(--g1) 14%,transparent);color:var(--g1);font-family:var(--fc);font-size:8px;font-weight:700;letter-spacing:.08em;padding:2px 7px;border-radius:4px;margin-right:4px}

/* v1.42: indicador ativo/inativo (status de pagamento do clube) */
.mk-dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle;margin-left:2px}
.mk-dot.on{background:var(--g1);box-shadow:0 0 6px var(--g1)}
.mk-dot.off{background:var(--t3)}
.mk-row.mk-off{opacity:.62}
.mk-row.mk-off:hover{opacity:.85}
.mk-row.mk-on .mk-pname{color:var(--t1)}

/* v1.44: barra de progresso do carregamento */
.mk-loading{text-align:center;padding:60px 20px;max-width:400px;margin:0 auto}
.mk-load-title{font-family:var(--fd);font-size:18px;transform:skewX(-5deg);margin-bottom:20px}
.mk-bar{height:10px;background:var(--bg3);border-radius:6px;overflow:hidden;border:1px solid var(--bdr)}
.mk-bar-fill{height:100%;background:linear-gradient(90deg,var(--g1),var(--g2));border-radius:6px;transition:width .3s ease;box-shadow:0 0 12px var(--g1)}
.mk-load-pct{font-family:var(--fd);font-size:24px;color:var(--g1);transform:skewX(-5deg);margin-top:14px}
.mk-load-sub{font-family:var(--fc);font-size:11px;color:var(--t3);margin-top:6px}

/* v1.45: filtros com mais presença + nota verde na lista */
.mk-filters{background:var(--bg2);border:1px solid var(--bdr);border-radius:12px;padding:14px 16px;gap:20px}
.mk-fgroup{flex:1;min-width:160px}
.mk-fgroup span{font-family:var(--fc);font-size:9px;letter-spacing:.16em;color:var(--g2);margin-bottom:7px;font-weight:700}
.mk-select{width:100%;min-width:0;background:var(--bg);font-weight:600}
.mk-select:hover{border-color:var(--g2)}
.mk-st b.hl{color:var(--g1)}
/* nota em verde já vem do hl; garantir XG fora da lista */

/* v1.46: checkbox comparação, barra, comparação, mobile */
.mk-row{position:relative}
.mk-check{font-size:18px;color:var(--t3);cursor:pointer;padding:0 4px;user-select:none}
.mk-row.mk-sel{border-color:var(--g1);background:color-mix(in srgb,var(--g1) 8%,var(--bg2))}
.mk-row.mk-sel .mk-check{color:var(--g1)}
.mk-pinfo,.mk-pstats{cursor:pointer}
.mk-cmpbar{display:flex;align-items:center;gap:12px;margin-top:12px;background:color-mix(in srgb,var(--g1) 10%,var(--bg2));border:1px solid var(--g1);border-radius:10px;padding:10px 14px}
.mk-cmpbar span{font-family:var(--fc);font-size:12px;color:var(--t1)}
.mk-cmpgo{background:var(--g1);color:#06080B;border:none;border-radius:8px;padding:8px 16px;font-family:var(--fc);font-weight:700;font-size:12px;cursor:pointer;margin-left:auto}
.mk-cmpclear{background:none;border:none;color:var(--t3);font-family:var(--fc);font-size:11px;cursor:pointer;text-decoration:underline}
.mk-fsmall{max-width:150px}
.mk-dirbtn{width:100%;background:var(--bg);border:1px solid var(--bdr);color:var(--t1);border-radius:8px;padding:11px;font-family:var(--fc);font-size:11px;cursor:pointer;font-weight:600}
.mk-dirbtn:hover{border-color:var(--g2)}

/* comparação */
.mk-cmp-head{font-family:var(--fd);font-size:22px;transform:skewX(-5deg);margin-bottom:16px}
.mk-cmp-grid{display:grid;gap:1px;background:var(--bdr);border:1px solid var(--bdr);border-radius:12px;overflow:hidden}
.mk-cmp-cell{background:var(--bg2);padding:11px 10px;font-family:var(--fc);font-size:12px;text-align:center;display:flex;align-items:center;justify-content:center}
.mk-cmp-lbl{justify-content:flex-start;color:var(--t3);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.mk-cmp-name{font-family:var(--fd);font-size:14px;transform:skewX(-4deg);background:var(--bg3)}
.mk-cmp-best{color:var(--g1);font-weight:700;background:color-mix(in srgb,var(--g1) 10%,var(--bg2))}
.mk-cmp-note{font-family:var(--fc);font-size:11px;color:var(--t3);margin-top:12px;text-align:center}

/* MOBILE: só nome + G+A + nota */
@media(max-width:640px){
  .mk-pstats .mk-st:not(.mk-st-hl):not(:nth-last-child(2)){display:none}
  .mk-pname{font-size:15px;max-width:150px}
  .mk-pstats{gap:12px}
  .mk-filters{flex-direction:column;gap:10px}
  .mk-fgroup,.mk-fsmall{max-width:none;width:100%}
  .mk-cmp-name{font-size:11px}
  .mk-cmp-cell{padding:8px 5px;font-size:11px}
}

/* v1.48: toggle lista/tabela + tabela analítica */
.mk-viewtoggle{display:flex;gap:6px;margin-top:12px}
.mk-viewtoggle button{flex:1;background:var(--bg2);border:1px solid var(--bdr);color:var(--t2);border-radius:9px;padding:10px;font-family:var(--fc);font-size:12px;cursor:pointer;font-weight:600}
.mk-viewtoggle button.on{background:var(--g1);color:#06080B;border-color:var(--g1)}
.mk-colpicker{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.mk-colchip{background:var(--bg2);border:1px solid var(--bdr);color:var(--t3);border-radius:7px;padding:6px 12px;font-family:var(--fc);font-size:11px;cursor:pointer}
.mk-colchip.on{background:color-mix(in srgb,var(--g1) 16%,var(--bg2));color:var(--g1);border-color:var(--g1)}
.mk-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--bdr);border-radius:12px}
.mk-table{border-collapse:collapse;width:100%;min-width:max-content;font-family:var(--fc)}
.mk-table th{background:var(--bg3);color:var(--t2);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:12px 14px;text-align:center;white-space:nowrap;cursor:pointer;border-bottom:2px solid var(--bdr)}
.mk-table th:hover{color:var(--g1)}
.mk-table th.mk-thsort{color:var(--g1);background:color-mix(in srgb,var(--g1) 10%,var(--bg3))}
.mk-table td{padding:11px 14px;text-align:center;font-size:13px;border-bottom:1px solid var(--bdr);white-space:nowrap;color:var(--t1)}
.mk-table td.mk-tdsort{color:var(--g1);font-weight:700;background:color-mix(in srgb,var(--g1) 6%,transparent)}
.mk-table tr:hover td{background:color-mix(in srgb,var(--g1) 5%,transparent)}
.mk-tsticky{position:sticky;left:0;background:var(--bg2);z-index:2}
.mk-table th.mk-tsticky{background:var(--bg3);z-index:3}
.mk-tname{text-align:left!important;font-family:var(--fd);transform:skewX(-3deg);min-width:130px}
.mk-table .mk-posbadge{margin:0}

/* v1.50: checkboxes de posição (multi-seleção) */
.mk-fgroup-pos{flex:1 1 100%;min-width:100%}
.mk-poschecks{display:flex;flex-wrap:wrap;gap:6px}
.mk-poschk{background:var(--bg);border:1px solid var(--bdr);color:var(--t2);border-radius:8px;padding:8px 12px;font-family:var(--fc);font-size:11px;cursor:pointer;font-weight:600;transition:.15s;display:inline-flex;align-items:center;gap:5px}
.mk-poschk:hover{border-color:var(--g2)}
.mk-poschk.on{background:color-mix(in srgb,var(--g1) 14%,var(--bg2));color:var(--g1);border-color:var(--g1)}
.mk-poschk em{font-style:normal;opacity:.5;font-size:9px}

/* ═══ v1.51: NOVO LAYOUT MERCADO (estilo Transfermarkt) ═══ */
.mk2-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.mk2-hero-l h1{font-family:var(--fd);font-size:26px;font-style:italic;letter-spacing:-.5px;transform:skewX(-4deg)}
.mk2-hero-l p{font-family:var(--fc);font-size:11px;color:var(--t2);margin-top:4px}
.mk2-hero-stats{display:flex;gap:22px}
.mk2-hstat{text-align:right}
.mk2-hstat b{font-family:var(--fd);font-size:24px;color:var(--g1);font-style:italic;display:block;line-height:1;transform:skewX(-6deg)}
.mk2-hstat span{font-family:var(--fc);font-size:8.5px;letter-spacing:.1em;color:var(--t3);text-transform:uppercase}

.mk2-searchbar{display:flex;gap:10px;margin-bottom:14px}
.mk2-search{flex:1;background:var(--bg2);border:1px solid var(--bdr);border-radius:11px;color:var(--t1);padding:14px 18px;font-size:14px;font-family:var(--fc);outline:none}
.mk2-search:focus{border-color:var(--g1)}
.mk2-filterbtn{background:var(--bg2);border:1px solid var(--bdr);color:var(--t1);border-radius:11px;padding:0 20px;font-family:var(--fc);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap}
.mk2-filterbtn.active{background:var(--g1);color:#000;border-color:var(--g1)}
.mk2-filterbtn .badge{background:var(--g1);color:#000;border-radius:20px;padding:1px 7px;font-size:10px}
.mk2-filterbtn.active .badge{background:#000;color:var(--g1)}

.mk2-filters{background:var(--bg2);border:1px solid var(--bdr);border-radius:12px;padding:16px;margin-bottom:16px;display:none}
.mk2-filters.open{display:block}
.mk2-fg{margin-bottom:14px}
.mk2-fg:last-child{margin-bottom:0}
.mk2-fg>span{font-family:var(--fc);font-size:9px;letter-spacing:.14em;color:var(--g2);display:block;margin-bottom:7px;font-weight:700}
.mk2-frow{display:flex;gap:16px;flex-wrap:wrap}
.mk2-frow .mk2-fg{flex:1;min-width:150px;margin-bottom:0}

.mk2-views{display:flex;gap:8px;margin-bottom:14px}
.mk2-views button{flex:1;background:var(--bg2);border:1px solid var(--bdr);color:var(--t2);border-radius:9px;padding:11px;font-family:var(--fc);font-size:12px;font-weight:700;cursor:pointer}
.mk2-views button.on{background:var(--g1);color:#000;border-color:var(--g1)}

/* tabela densa */
.mk2-table{background:var(--bg2);border:1px solid var(--bdr);border-radius:12px;overflow:hidden}
.mk2-thead{display:grid;grid-template-columns:44px 1fr 60px 62px 62px 66px 40px;background:var(--bg3);border-bottom:1px solid var(--bdr)}
.mk2-thead>div{padding:12px 8px;font-family:var(--fc);font-size:9px;letter-spacing:.06em;color:var(--t2);text-transform:uppercase;text-align:center;font-weight:700}
.mk2-thead>div.l{text-align:left}
.mk2-thead>div.srt{color:var(--g1)}
.mk2-prow{display:grid;grid-template-columns:44px 1fr 60px 62px 62px 66px 40px;align-items:center;border-bottom:1px solid var(--bdr);transition:.12s}
.mk2-prow:hover{background:color-mix(in srgb,var(--g1) 5%,transparent)}
.mk2-prow:last-child{border-bottom:none}
.mk2-prow.sel{background:color-mix(in srgb,var(--g1) 8%,transparent)}
.mk2-rank{text-align:center;font-family:var(--fd);font-size:15px;font-style:italic;color:var(--t3);cursor:pointer;transform:skewX(-6deg)}
.mk2-rank.top{color:var(--g1)}
.mk2-pl{display:flex;align-items:center;gap:11px;padding:10px 8px;min-width:0;cursor:pointer}
.mk2-av{width:38px;height:38px;border-radius:9px;background:linear-gradient(140deg,var(--g1),#063);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:13px;color:#000;flex-shrink:0;font-style:italic}
.mk2-pn{min-width:0}
.mk2-pn b{font-family:var(--fb);font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk2-pn small{font-family:var(--fc);font-size:10px;color:var(--t3);display:block;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk2-pos{text-align:center;cursor:pointer}
.mk2-td{text-align:center;font-family:var(--fc);font-size:14px;font-weight:700;cursor:pointer}
.mk2-td.hl{color:var(--g1);font-size:16px}
.mk2-td.dim{color:var(--t2);font-weight:600}
.mk2-ck{text-align:center;font-size:16px;color:var(--t3);cursor:pointer;user-select:none}
.mk2-prow.sel .mk2-ck{color:var(--g1)}

@media(max-width:640px){
  .mk2-hero-stats{gap:14px}
  .mk2-hstat b{font-size:19px}
  /* esconde Pos + as 2 stats secundárias; mantém #, Jogador, stat destaque, check */
  .mk2-thead,.mk2-prow{grid-template-columns:32px 1fr 60px 36px}
  .mk2-thead>div:nth-child(3),.mk2-prow>div:nth-child(3),
  .mk2-thead>div:nth-child(4),.mk2-prow>div:nth-child(4),
  .mk2-thead>div:nth-child(5),.mk2-prow>div:nth-child(5){display:none}
  .mk2-pn b{font-size:13px}
  .mk2-av{width:34px;height:34px}
}

/* v1.51b: hero "banco de dados" simplificado */
.mk2-hero-db{display:flex;align-items:baseline;gap:9px;background:var(--bg2);border:1px solid var(--bdr);border-radius:11px;padding:12px 18px}
.mk2-hero-db span{font-family:var(--fc);font-size:9px;letter-spacing:.12em;color:var(--t3);text-transform:uppercase;font-weight:700}
.mk2-hero-db b{font-family:var(--fd);font-size:26px;color:var(--g1);font-style:italic;line-height:1;transform:skewX(-6deg)}
.mk2-hero-db small{font-family:var(--fc);font-size:10px;color:var(--t2)}
@media(max-width:640px){.mk2-hero-db b{font-size:22px}.mk2-hero{gap:10px}}