/* PROFAREA-20261009 (Ava 09/10/2026): Area do Professor e Presenca por QR. Complementa area-aluno-nova.css + area-equipe.css
   (tokens --na-*, classes na-* e eq-*). Prefixo pf-. Sem emojis, sem Bootstrap. */
.pf-hoje{display:grid;gap:16px;margin-bottom:26px}
.pf-aula{padding:20px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
.pf-aula h3{font:600 24px/1.15 "Cormorant Garamond",serif;color:var(--na-tinta);margin:2px 0 4px}
.pf-aula p{margin:0;color:var(--na-suave);font-size:15px;line-height:1.5}
.pf-aula .pf-acoes{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.pf-cod{min-width:170px;text-align:center;padding:14px 18px;border-radius:14px;background:var(--na-ouro-s);border:1px solid #e7cf8f}
.pf-cod small{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--na-suave)}
.pf-cod b{display:block;font:700 44px/1.05 "Jost",sans-serif;letter-spacing:.18em;color:var(--na-vinho);font-variant-numeric:tabular-nums;margin:4px 0 2px}
.pf-cod span{font-size:13px;color:var(--na-suave)}
.pf-cod.sem{background:var(--na-neutro-s);border-color:var(--na-linha)}
.pf-cod.sem b{font-size:15px;letter-spacing:0;font-weight:500;color:var(--na-suave)}

/* lista de alunos / chamada */
.pf-lista{padding:0;overflow:hidden}
.pf-al{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--na-linha)}
.pf-al:first-child{border-top:0}
.pf-av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--na-creme);color:var(--na-vinho);font:600 15px "Jost",sans-serif;border:1px solid var(--na-linha)}
.pf-nm b{display:block;font-weight:500;font-size:15.5px;line-height:1.3;word-wrap:break-word}
.pf-nm small{display:block;font-size:13px;color:var(--na-suave);margin-top:2px;line-height:1.35}
.pf-seg{display:inline-flex;border:1px solid var(--na-linha);border-radius:999px;overflow:hidden;background:#fff}
.pf-seg input{position:absolute;opacity:0;pointer-events:none}
.pf-seg label{display:block;padding:9px 13px;font-size:14px;cursor:pointer;color:var(--na-suave);border-left:1px solid var(--na-linha);user-select:none;min-width:44px;text-align:center}
.pf-seg label:first-of-type{border-left:0}
.pf-seg input:focus-visible+label{outline:2px solid var(--na-ouro);outline-offset:-2px}
.pf-seg input.p:checked+label{background:var(--na-ok);color:#fff}
.pf-seg input.f:checked+label{background:var(--na-erro);color:#fff}
.pf-seg input.j:checked+label{background:var(--na-alerta);color:#fff}
.pf-seg.trav{opacity:.6}
.pf-seg.trav label{cursor:not-allowed}
.pf-chip{display:inline-block;font-size:12px;padding:1px 8px;border-radius:99px;background:var(--na-neutro-s);color:var(--na-suave);white-space:nowrap;vertical-align:1px;margin-left:4px}
.pf-chip.qr{background:var(--na-ouro-s);color:#7a5a12}
.pf-chip.sec{background:var(--na-alerta-s);color:var(--na-alerta)}
.pf-chip.ok{background:var(--na-ok-s);color:var(--na-ok)}
.pf-chip.er{background:var(--na-erro-s);color:var(--na-erro)}
.pf-barra{position:sticky;bottom:0;z-index:5;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 16px;background:rgba(255,255,255,.96);border-top:1px solid var(--na-linha);backdrop-filter:blur(6px)}
.pf-barra .na-btn{min-width:180px}
.pf-barra small{color:var(--na-suave);font-size:13.5px}
.pf-ferr{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.pf-hist{font-size:14px}
.pf-hist li{padding:8px 0;border-top:1px solid var(--na-linha);list-style:none;line-height:1.45}
.pf-hist li:first-child{border-top:0}
.pf-hist ul{margin:0;padding:0 16px 8px}
.pf-hist small{color:var(--na-suave)}
.pf-res{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}
.pf-vaz{padding:22px;color:var(--na-suave)}

/* presenca por QR (aluno) */
.pf-qr .eq-cx{width:min(460px,100%)}
.pf-qr .pf-sala{font:600 26px/1.15 "Cormorant Garamond",serif;color:var(--na-vinho);margin:2px 0 4px}
.pf-cod-in{font:600 34px "Jost",sans-serif !important;letter-spacing:.4em;text-align:center;padding:12px 8px !important;font-variant-numeric:tabular-nums}
.pf-ok{border-left:4px solid var(--na-ok)}

@media (max-width:760px){
 .pf-aula{grid-template-columns:1fr;padding:18px 16px}
 .pf-cod{min-width:0}
 .pf-al{grid-template-columns:38px minmax(0,1fr);padding:12px 14px;row-gap:10px}
 .pf-av{width:38px;height:38px;font-size:14px}
 .pf-seg{grid-column:1 / -1;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
 .pf-seg label{padding:11px 4px}
 .pf-barra .na-btn{width:100%}
}