/* Bruna Studio: TURMAS (3.7.0 · 07/10/2026) · seção do Manual da Bruna. Prefixo tr- (conferido: não existe em outro arquivo).
   Só tokens de marca.css. Cartão de turma = sub-bloco névoa dentro do painel branco do Manual (como Doutores). */
.tr-sec{display:grid;gap:20px}
.tr-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.tr-sec .mn-pane-h{padding:0}
.tr-sec .mn-pane-h h2{display:flex;align-items:center;gap:8px}
.tr-nova{display:inline-flex;align-items:center;gap:8px;flex:none}

/* prazo dos exames */
.tr-prazo{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;font-size:14px;color:var(--tx-3)}
.tr-prazo b{color:var(--txt);font-weight:600}
.tr-prazo .tr-btn{margin-left:4px}

/* lista */
.tr-lista{display:grid;gap:10px}
.tr-card{background:var(--nevoa);border-radius:16px;padding:16px 18px;display:grid;gap:14px}
.tr-card-h{display:flex;justify-content:space-between;align-items:flex-start;gap:8px 12px;flex-wrap:wrap}
.tr-card-info{flex:1 1 220px;min-width:0}
.tr-card-nome{font:600 16px/1.3 var(--fonte);letter-spacing:-.01em;color:var(--txt);overflow-wrap:anywhere}
.tr-card-data{font:400 13.5px/1.45 var(--fonte);color:var(--tx-3);margin-top:3px}
.tr-card.passou .tr-card-nome{color:var(--tx-3);font-weight:500}
.tr-acoes{display:flex;gap:8px;flex-wrap:wrap}

/* situação: só "à venda" tem cor (ok); as outras são neutras. Dentro da névoa, o chip neutro usa o fundo cartão */
.tr-chip{display:inline-flex;align-items:center;gap:6px;flex:none;padding:5px 11px;border-radius:999px;font:600 12px/1.2 var(--fonte);white-space:nowrap;background:var(--cartao);color:var(--tx-2)}
.tr-chip.ok{background:var(--ok-claro);color:var(--ok)}
.tr-chip.ok::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.tr-chip.apagado{color:var(--tx-4)}

/* botões pequenos (alvo de toque 44 no celular) */
.tr-btn{min-height:38px;padding:0 14px;font-size:13.5px;display:inline-flex;align-items:center;gap:6px}
.tr-btn .ic{width:15px;height:15px}

/* voltar */
.tr-voltar{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 8px 0 4px;margin-left:-4px;border:0;border-radius:var(--r-sm);background:none;color:var(--tx-3);font:600 14px var(--fonte);cursor:pointer}
.tr-voltar:hover{color:var(--txt);background:var(--hover)}

/* formulários: sub-bloco névoa com campos em cartão (como Doutores) */
.tr-form{background:var(--nevoa);border-radius:16px;padding:20px;display:grid;gap:16px;max-width:560px;box-sizing:border-box}
.tr-form .mx-inp{background:var(--cartao)!important;min-height:44px;border-radius:var(--r-sm);font-size:15px;box-sizing:border-box}
.tr-form .mx-inp:focus-visible{outline:none!important}
.tr-campo{display:grid;gap:7px;min-width:0}
.tr-campo label{font:600 13px/1.2 var(--fonte);color:var(--tx-2);display:flex;align-items:center;gap:6px}
.tr-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tr-dias{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--tx-3)}
.tr-dias .mx-inp{width:96px}
.tr-nota{margin:0;font-size:14px;line-height:1.5;color:var(--tx-2)}
.tr-form-acoes{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:4px}
.tr-form-acoes .btn-ghost{min-height:44px;padding:0 18px}
.tr-excluir{margin-left:auto;min-height:44px;padding:0 8px;border:0;border-radius:var(--r-sm);background:none;color:var(--erro);font:600 14px var(--fonte);cursor:pointer}
.tr-excluir:hover{background:var(--erro-claro)}

/* estados */
.tr-erro{color:var(--atencao);flex-wrap:wrap}
.tr-erro>div{flex:1 1 220px}
.tr-vazio{color:var(--tx-3)}

@media (max-width:820px){
  .tr-btn,.tr-voltar{min-height:44px}
  .tr-form{padding:16px}
}
@media (max-width:600px){
  .tr-grid2{grid-template-columns:1fr}
  .tr-topo{flex-direction:column;align-items:stretch}
  .tr-nova{justify-content:center}
  .tr-excluir{margin-left:0}
}