/* ==========================================================
   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}
/* linha com dois botões (aula ao vivo): no celular os botões descem para baixo do texto */
.mt-lista li{flex-wrap:wrap}
.mt-lista li > div{flex:1 1 140px}
.mt-lista li > div + .btn{margin-left:auto}
.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}
}

/* liberdades do aluno: cartões lado a lado, com faixa de cor do estado */
.mp-lib{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@media (min-width:900px){.mp-lib{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mp-lib-l{position:relative;overflow:hidden;gap:10px 14px;padding:12px 14px 12px 18px;border-radius:12px;
  background:var(--superficie2);border:1px solid var(--linha)}
.mp-lib-l::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--linha-forte)}
.mp-lib-pode::before{background:var(--marca)}.mp-lib-pedir::before{background:#D97706}
.mp-lib-t{flex:1;min-width:170px;display:grid;gap:2px}
.mp-lib-l .mp-lib-t b{flex:none;min-width:0;font-size:14px}
.mp-lib-t small{font-size:12px;color:var(--suave);font-weight:400}
.mp-tri{background:var(--superficie);border-radius:10px;border-color:var(--linha-forte)}
.mp-tri label{border-radius:0}

/* ---- Central de comando ----
   Abre mostrando o que existe, com o tamanho de cada coisa; apagar mora
   longe do Salvar e pede um segundo toque. */
.cdc-explica{max-width:68ch}
.cdc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cdc-chips span{font-size:12.5px;background:var(--superficie);border:1px solid var(--linha);
  border-radius:99px;padding:4px 11px;font-variant-numeric:tabular-nums}
.cdc-acoes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.cdc-modo{display:inline-flex;margin-left:auto;background:var(--superficie2);border:1px solid var(--linha);
  border-radius:10px;padding:3px}
.cdc-modo button{font:inherit;font-size:12.5px;font-weight:600;border:0;background:none;color:var(--suave);
  padding:6px 11px;border-radius:8px;cursor:pointer}
.cdc-modo button.ativa{background:var(--marca);color:var(--marca-texto)}
.cdc-dia{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:11px 14px;
  background:var(--superficie);border:1px solid var(--linha);border-radius:12px;font-size:13px}
.cdc-dia input{flex:1;min-width:150px;accent-color:var(--marca)}
.cdc-setas{display:flex;gap:4px}
.cdc-pe{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.mt-lista li .pm-alca{font-size:17px;touch-action:none}
.cdc-tag{display:inline-block;font-weight:700;color:var(--marca);background:var(--marca-fraca);
  border-radius:99px;padding:0 7px}
.cdc-falta{color:var(--atraso);font-weight:600}
.cdc-duas{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.campo[hidden]{display:none}
.campo span small,.cdc-check small{display:block;font-weight:400;margin-top:2px}
.cdc-aviso{margin:6px 0 0;font-size:12.5px;font-weight:600;min-height:1em}
.cdc-aviso.ok{color:var(--ok)} .cdc-aviso.ruim{color:var(--atraso)}
.cdc-guia{margin:10px 0 4px;padding:10px 12px;border:1px solid var(--linha);border-radius:12px;background:var(--marca-fraca);font-size:13px;line-height:1.5}
.cdc-guia summary{font-weight:700;cursor:pointer;font-size:14px}
.cdc-guia b{display:block;margin-top:8px}
.cdc-guia ul{margin:4px 0 0;padding-left:18px}
.cdc-guia ul b{display:inline;margin:0}
.cdc-check{display:flex;gap:9px;align-items:flex-start;margin-top:14px;font-size:13px;font-weight:600}
.cdc-check input{margin-top:2px;width:17px;height:17px;accent-color:var(--marca)}
.cdc-anx{display:grid;grid-template-columns:1fr 1.4fr auto;gap:6px;margin-bottom:6px}
.cdc-anx input{width:100%;background:var(--superficie2);border:1px solid var(--linha);border-radius:9px;
  padding:8px 10px;font:inherit;font-size:13px;color:var(--texto)}
.cdc-previa{margin-top:16px;border:1px dashed var(--linha-forte);border-radius:12px;padding:11px 13px;
  background:var(--superficie2)}
.cdc-previa em{display:block;font-style:normal;font-size:11px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--suave);margin-bottom:5px}
.cdc-previa b{display:block;font-size:14px}
.cdc-previa small{display:block;font-size:12.5px;color:var(--suave);margin-top:2px}
.cdc-previa .cdc-prev-meta{color:var(--marca);font-weight:600}
.cdc-apagar{margin-top:26px;padding:12px 14px;border:1px solid var(--atraso-fraco);border-radius:12px}
.cdc-apagar b{font-size:13.5px}
.cdc-apagar p{margin:4px 0 10px;font-size:12.5px;line-height:1.5;color:var(--suave)}
.cdc-certeza{color:var(--texto)!important}
/* Central única (25/10): quem recebe cada seção */
.cdc-quem{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;
  margin:12px 0 4px;padding:10px 12px;background:var(--superficie2);border:1px solid var(--linha);border-radius:12px}
.cdc-quem b{display:block;font-size:14px}
.cdc-quem small{display:block;font-size:12.5px;color:var(--suave)}
.cdc-quem.vazio{border-color:var(--atraso-fraco)}
.cdc-quem.vazio b{color:var(--atraso)}
.cdc-semplano{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:var(--atraso-fraco);
  color:var(--texto);font-size:13px;line-height:1.5}
.cdc-semplano b{color:var(--atraso)}
.cdc-porplano{margin-top:10px;background:var(--superficie);border:1px solid var(--linha);border-radius:12px;padding:0 14px}
.cdc-porplano .pm-det-lin:first-child{border-top:0}
.cdc-plano-ver{margin-top:14px}
.cdc-plano-ver select{width:100%}
.cdc-todos{background:var(--marca-fraca);border-radius:12px;padding:10px 12px;border-top:0}
.cdc-seg{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.cdc-seg label{flex:1 1 140px;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;
  border:1px solid var(--linha-forte);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}
.cdc-seg input{accent-color:var(--marca);width:18px;height:18px}
.cdc-seg label:has(input:checked){border-color:var(--marca);background:var(--marca-fraca)}
.cdc-q-pe{margin-top:12px;position:sticky;bottom:0;background:var(--superficie);padding:10px 0;border-top:1px solid var(--linha)}
@media (max-width:560px){
  .cdc-duas{grid-template-columns:1fr}
  .cdc-anx{grid-template-columns:1fr auto}
  .cdc-anx .cdc-anx-n{grid-column:1 / -1}
  .cdc-modo{margin-left:0}
}

/* Acesso do aluno (acesso.js): opções grandes para o dedo, encerrar longe das outras */
.ac-ops{display:grid;gap:10px;margin-top:14px}
.ac-op{display:block;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--linha-forte);
  border-radius:12px;background:var(--superficie);color:var(--texto);cursor:pointer;font:inherit}
.ac-op b{display:block;font-family:var(--display);font-size:15px}
.ac-op span{display:block;font-size:13px;color:var(--suave);margin-top:2px;line-height:1.4}
.ac-op:hover{border-color:var(--marca)}
.ac-perigo{margin-top:28px;padding-top:14px;border-top:1px dashed var(--linha-forte)}
.ac-op-perigo{border-color:var(--atraso)}
.ac-op-perigo b{color:var(--atraso)}
.ac-chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 4px}
.ac-check{display:flex;gap:8px;align-items:center;font-size:14px;margin-top:12px}
.ac-seta{color:var(--suave);font-weight:400}
.ac-estrago{border:1px solid var(--atraso);background:var(--atraso-fraco);border-radius:12px;padding:10px 14px;margin-top:8px}
.ac-estrago p{margin:4px 0;font-size:14px;line-height:1.45}
/* refazer o cronograma pela ficha: as horas dos 7 dias, 4 por linha no celular */
.rf-dias{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.rf-dia{margin:0}
.rf-dia span{font-size:12px}
.rf-dia select{width:100%;padding:8px 4px;font-size:14px}
@media (max-width:560px){.rf-dias{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fa-botoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.fa-botoes .fa-trocar{margin-top:0;flex:1 1 180px}
.fa-alerta span+span{margin-top:4px}
.fa-datas-nota{display:block;font-size:11px;color:var(--suave);margin-top:1px}
.al-busca{width:100%;margin:0 0 10px}
/* imagem da seção e da orientação (25/10) */
.cdc-img{display:grid;grid-template-columns:132px 1fr;gap:12px;align-items:center;margin-top:4px}
.cdc-img-ver{display:block;aspect-ratio:16/9;border-radius:10px;background:var(--superficie2) center/cover no-repeat;border:1px solid var(--linha)}
.cdc-img-ver.vazia{background-image:linear-gradient(135deg,#1E3A8A,#2563EB)!important;opacity:.55}
.cdc-img-acoes{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cdc-img-acoes label.btn{cursor:pointer}
.cdc-img-acoes small{flex-basis:100%;font-size:12px;color:var(--suave);font-weight:400}
.cdc-img-acoes [hidden]{display:none}
/* tipo da orientação em botões, com "Ao vivo" à vista */
.cdc-tipos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:4px}
@media (max-width:420px){.cdc-tipos{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cdc-tipos button{min-height:44px;border:1px solid var(--linha-forte);border-radius:10px;background:var(--superficie);
  color:var(--texto);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.cdc-tipos button[aria-checked="true"]{border-color:var(--marca);background:var(--marca-fraca);color:var(--marca)}
.cdc-tipos button.vivo[aria-checked="true"],.cdc-btn-vivo{border-color:#DC2626;color:#EF4444}
.cdc-tipos button.vivo[aria-checked="true"]{background:rgba(220,38,38,.1)}
.cdc-porplano .pm-selo:not(.ok):not(.inativo){background:var(--superficie2);color:var(--suave)}

/* miniatura 16:9 da orientação na Central */
.mt-mini{flex:0 0 96px;width:96px;aspect-ratio:16/9;border-radius:8px;background:#0b1020 center/cover no-repeat;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
@media(max-width:560px){.mt-mini{flex-basis:64px;width:64px}}

/* Falar com os alunos (25/10): abas, lista de quem recebe o recado */
.rec-abas{display:flex;gap:18px;border-bottom:1px solid var(--linha);margin:0 0 16px}
.rec-abas button{border:0;background:transparent;padding:10px 2px;font:inherit;font-weight:700;color:var(--suave);
  border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;min-height:44px}
.rec-abas button[aria-selected=true]{color:var(--marca);border-bottom-color:var(--marca)}
.rec-lista{max-height:260px;overflow:auto;margin-top:8px;border:1px solid var(--linha);border-radius:12px;padding:0 10px}
.rec-busca{width:100%;margin-top:8px;padding:10px 12px;border:1px solid var(--linha-forte);border-radius:10px;background:var(--superficie);color:var(--texto);font:inherit}
.rec-conta{margin-top:10px}
.cdc-tipos.rec-quem{grid-template-columns:repeat(3,minmax(0,1fr))}