/* ==========================================================
   PAINEL DO MENTOR — abas, pedidos e cadastro da trilha.
   ========================================================== */

.mp-abas{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px;
  border-bottom:1px solid var(--linha);padding-bottom:0}
.mp-aba{position:relative;background:none;border:0;border-bottom:2px solid transparent;
  padding:9px 14px;font:inherit;font-size:13.5px;font-weight:600;color:var(--suave);
  cursor:pointer;transition:color .15s ease,border-color .15s ease}
.mp-aba:hover{color:var(--texto)}
.mp-aba.ativa{color:var(--marca);border-bottom-color:var(--marca)}
.mp-bolha{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;
  margin-left:7px;border-radius:999px;background:var(--atraso);color:#fff;
  font-size:11px;font-weight:700;vertical-align:1px}

.mp-add{margin-left:auto;font-size:12.5px;padding:7px 14px}

/* ---- pedidos ---- */
.pd-lista{display:grid;gap:12px;margin-top:14px;
  grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
.pd{background:var(--superficie);border:1px solid var(--linha);border-radius:14px;
  padding:16px 17px 15px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
/* o que espera resposta se destaca; o resolvido recua */
.pd.aberto{border-color:var(--marca);box-shadow:0 2px 10px rgba(37,99,235,.10)}
.pd:not(.aberto){opacity:.72}
.pd-topo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px}
.pd-tipo{font-size:11.5px;font-weight:700;letter-spacing:.02em;padding:3px 9px;
  border-radius:999px;background:var(--marca-fraca);color:var(--ouro)}
.pd-alvo{font-size:12px;color:var(--texto);font-weight:600}
.pd-sit{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  color:var(--suave)}
.pd-sit.s-aceito{color:var(--ok)}
.pd-sit.s-recusado{color:var(--atraso)}
.pd-quando{margin-left:auto;font-size:11.5px;color:var(--suave)}
.pd h3{font-family:var(--display);font-size:16px;font-weight:700;margin:0;letter-spacing:-.01em}
.pd-plano{margin:2px 0 0;font-size:12.5px;color:var(--suave)}
.pd-motivo{margin:11px 0 0;padding:10px 13px;border-left:3px solid var(--linha-forte);
  background:var(--superficie2);border-radius:0 10px 10px 0;font-size:13px;line-height:1.5;
  color:var(--texto);font-style:italic}
.pd-resposta{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--suave)}
.pd-resposta b{color:var(--texto)}

/* ---- cadastro da trilha ---- */
.mt-mod{margin-top:20px;background:var(--superficie);border:1px solid var(--linha);
  border-radius:14px;padding:15px 16px}
.mt-mod header{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.mt-mod header h3{font-family:var(--display);font-size:16px;font-weight:700;margin:0;
  letter-spacing:-.01em}
.mt-mod header > div{flex:1;min-width:150px}
.mt-mod header p{margin:3px 0 0;font-size:12.5px;color:var(--suave)}
.mt-min{font-size:12px;padding:5px 11px}

.mt-lista{list-style:none;margin:13px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.mt-lista li{display:flex;align-items:center;gap:11px;padding:10px 12px;
  background:var(--superficie2);border-radius:10px}
.mt-lista li > div{flex:1;min-width:0}
.mt-lista b{display:block;font-size:13.5px;font-weight:600;line-height:1.35}
.mt-lista small{display:block;font-size:11.5px;color:var(--suave);margin-top:1px}
.mt-mk{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
  font-size:11px;background:var(--marca-fraca);color:var(--marca)}
/* vídeo sem link válido não passa despercebido: o aluno veria um passo morto */
.mt-mk.sem{background:var(--atraso-fraco);color:var(--atraso)}
.mt-sem{margin:12px 0 0;font-size:12.5px}

@media (max-width:560px){
  .pd-lista{grid-template-columns:1fr}
  .mp-add{margin-left:0;width:100%}
  .mp-abas{gap:2px}
  .mp-aba{padding:9px 10px;font-size:12.5px}
}

/* ---- aba do plano: o método sai do código e vira formulário ---- */
.mp-opc{display:flex;gap:11px;align-items:flex-start;padding:13px 14px;border-radius:12px;
  border:1px solid var(--linha);cursor:pointer;margin-bottom:9px;
  transition:border-color .15s ease,background .15s ease}
.mp-opc:hover{border-color:var(--linha-forte)}
.mp-opc.ativa{border-color:var(--marca);background:var(--marca-fraca)}
.mp-opc input{margin-top:3px;accent-color:var(--marca)}
.mp-opc b{display:block;font-family:var(--display);font-size:14.5px;font-weight:700;
  letter-spacing:-.01em}
.mp-opc small{display:block;margin-top:2px;font-size:12.5px;line-height:1.5;color:var(--suave)}
.mp-opc.ativa small{color:var(--ouro)}

.mp-grade{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  align-items:start}
.mp-grade .dp-nota{grid-column:1/-1}

.mp-chips{display:flex;gap:9px;flex-wrap:wrap}
.mp-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;
  border:1px solid var(--linha-forte);cursor:pointer;font-size:13px;font-weight:600;
  color:var(--suave);transition:all .15s ease}
.mp-chip.ativa{border-color:var(--marca);background:var(--marca-fraca);color:var(--ouro)}
.mp-chip input{accent-color:var(--marca)}

.mp-lib{display:flex;flex-direction:column;gap:11px}
.mp-lib-l{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mp-lib-l b{flex:1;min-width:170px;font-size:13.5px;font-weight:600}
.mp-tri{display:flex;border:1px solid var(--linha);border-radius:999px;overflow:hidden}
.mp-tri label{padding:6px 13px;font-size:12px;font-weight:600;color:var(--suave);
  cursor:pointer;border-right:1px solid var(--linha);transition:all .15s ease}
.mp-tri label:last-child{border-right:0}
.mp-tri label.ativa{background:var(--marca);color:var(--marca-texto)}
.mp-tri input{display:none}

.mp-pesos{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.mp-peso{display:flex;align-items:center;gap:10px;font-size:13px}
.mp-peso span{flex:1;min-width:0}
.mp-peso input{width:62px;background:var(--superficie2);border:1px solid var(--linha);
  border-radius:9px;padding:7px 9px;font:inherit;text-align:center;color:var(--texto)}

@media (max-width:560px){
  .mp-tri{width:100%}
  .mp-tri label{flex:1;text-align:center;padding:7px 6px}
}

/* ---- alcance: a quem a mudança do método se aplica ---- */
.mp-alunos{max-height:300px;overflow:auto;margin-top:14px;border:1px solid var(--linha);
  border-radius:12px}
.mp-al{display:flex;align-items:center;gap:11px;padding:11px 13px;cursor:pointer;
  border-bottom:1px solid var(--linha)}
.mp-al:last-child{border-bottom:0}
.mp-al:hover{background:var(--superficie2)}
.mp-al input{accent-color:var(--marca);width:17px;height:17px;flex:none}
.mp-al b{display:block;font-size:13.5px;font-weight:600;line-height:1.3}
.mp-al small{display:block;font-size:11.5px;color:var(--suave)}

.mp-erros{margin:10px 0 0;padding-left:20px;font-size:12.5px;line-height:1.6;color:var(--atraso)}

/* pausa também é informação do mentor: quem avisou que ia sumir não
   pode aparecer na mesma cor de quem sumiu sem avisar */
.marcador.ambar{background:var(--ouro-fraco);color:var(--ouro);border-color:var(--ouro)}

/* ---- ficha do aluno ---- */
.mp-clicavel{cursor:pointer;transition:background .15s ease}
.mp-clicavel:hover{background:var(--superficie2)}

.fa-topo{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-top:16px;
  background:var(--superficie);border:1px solid var(--linha);border-radius:14px;padding:17px 19px}
.fa-id{flex:1;min-width:220px}
.fa-id h2{font-family:var(--display);font-size:21px;font-weight:800;margin:0;letter-spacing:-.02em}
.fa-id p{margin:3px 0 9px;font-size:12.5px;color:var(--suave)}
.fa-id .marcador{margin-right:6px}
.fa-datas{display:flex;gap:22px;flex-wrap:wrap}
.fa-datas em{display:block;font-style:normal;font-size:11px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--suave)}
.fa-datas b{font-family:var(--display);font-size:15px;font-weight:700}

/* a pergunta que vem antes de todas: ele ainda está estudando? */
.fa-alerta{margin-top:12px;border-radius:14px;padding:14px 17px;border-left:4px solid}
.fa-alerta b{display:block;font-family:var(--display);font-size:16px;font-weight:700;
  letter-spacing:-.01em}
.fa-alerta span{display:block;margin-top:2px;font-size:12.5px;line-height:1.5;color:var(--texto);
  opacity:.85}
.fa-alerta.bom{background:var(--ok-fraco);border-color:var(--ok)}
.fa-alerta.bom b{color:var(--ok)}
.fa-alerta.medio{background:var(--ouro-fraco);border-color:var(--ouro)}
.fa-alerta.medio b{color:var(--ouro)}
.fa-alerta.ruim{background:var(--atraso-fraco);border-color:var(--atraso)}
.fa-alerta.ruim b{color:var(--atraso)}
.fa-alerta.neutro{background:var(--superficie2);border-color:var(--linha-forte)}

.fa-nums{display:grid;gap:10px;margin-top:12px;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.fa-sub{display:block;margin-top:3px;font-size:11.5px;color:var(--suave)}

.fa-lista{list-style:none;margin:13px 0 0;padding:0;background:var(--superficie);
  border:1px solid var(--linha);border-radius:13px;overflow:hidden}
.fa-lista li{padding:11px 15px;border-bottom:1px solid var(--linha)}
.fa-lista li:last-child{border-bottom:0}
.fa-lista b{display:block;font-size:13.5px;font-weight:600;line-height:1.35}
.fa-lista small{display:block;font-size:11.5px;color:var(--suave);margin-top:1px}

@media (max-width:560px){ .fa-datas{gap:14px} }

/* ---- alunos: cartões com número, lista, ficha ---- */
.al-cartoes{display:grid;gap:10px;margin-top:16px;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.al-c{text-align:left;cursor:pointer;font:inherit;background:var(--superficie);
  border:1px solid var(--linha);border-radius:14px;padding:14px 15px;
  transition:border-color .15s ease,transform .15s ease}
.al-c:hover{border-color:var(--marca);transform:translateY(-1px)}
.al-c.ativa{border-color:var(--marca);background:var(--marca-fraca)}
/* grupo vazio não some: apaga. Saber que está zerado também é informação */
.al-c.zero{opacity:.5}
.al-c.zero:hover{opacity:.8;transform:none}
.al-c b{display:block;font-family:var(--display);font-size:27px;font-weight:800;
  line-height:1.05;letter-spacing:-.02em;color:var(--texto)}
.al-c.ativa b{color:var(--marca)}
.al-c span{display:block;margin-top:3px;font-size:13px;font-weight:600;color:var(--texto)}
.al-c.ativa span{color:var(--ouro)}
.al-c small{display:block;margin-top:2px;font-size:11.5px;line-height:1.4;color:var(--suave)}

.al-lista{margin-top:14px;background:var(--superficie);border:1px solid var(--linha);
  border-radius:14px;overflow:hidden}
.al-i{display:grid;grid-template-columns:1.3fr 1fr 1.1fr auto;align-items:center;gap:16px;
  padding:14px 17px;cursor:pointer;border-bottom:1px solid var(--linha);
  transition:background .15s ease}
.al-i:last-child{border-bottom:0}
.al-i:hover{background:var(--superficie2)}
.al-n b{display:block;font-size:14px;font-weight:700;line-height:1.3}
.al-n small{display:block;font-size:11.5px;color:var(--suave)}
.al-p small{display:block;margin-top:4px;font-size:11.5px;color:var(--suave)}
.al-tr{display:block;height:6px;border-radius:999px;background:var(--superficie3);overflow:hidden}
.al-tr i{display:block;height:100%;border-radius:999px;background:var(--marca)}
.al-s{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.al-s small{font-size:11.5px;color:var(--suave)}
.al-seta{font-size:22px;color:var(--linha-forte);line-height:1}
.al-i:hover .al-seta{color:var(--marca)}
.marcador.azul{background:var(--marca-fraca);color:var(--ouro);border-color:var(--marca)}

@media (max-width:760px){
  .al-i{grid-template-columns:1fr auto;row-gap:9px}
  .al-p,.al-s{grid-column:1 / -1}
  .al-s{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}
  .al-seta{grid-column:2;grid-row:1}
}