/* Escola — Avaliação: a área do aluno. O desenho dos formulários e das tabelas vem do painel
   (style.css do tema, ou painel.css do core); aqui só o que é desta área. */
.escola-aluno-area .paa-nav { margin-top: 0; }
.aval-cartoes { display: grid; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); gap: 1rem; }
.aval-cartao { background: var(--white, #fff); border: 1px solid var(--line, #e1e6ec); border-radius: var(--radius, 12px); padding: 1rem 1.2rem; }
.aval-cartao h3 { margin: 0 0 .4rem; }
.aval-cartao h3 small { display: block; font-weight: 400; }
.aval-cartao p { margin: .4rem 0; }
.aval-cartao .button { margin: .2rem .3rem .2rem 0; }
.aval-orientacao { background: var(--surface, #f3f5f8); border-left: 3px solid var(--accent, #e8792b); border-radius: 0 8px 8px 0; padding: .7rem 1rem; margin: 0 0 1rem; }
.aval-orientacao p { margin: .3rem 0 0; }
.paa-form .tabela.aval-hetero { max-width: 36rem; }
.paa-form .tabela.aval-hetero input[type=number] { max-width: 6rem; padding: .35rem .5rem; }
.aval-final { font-size: 1.6rem; color: var(--primary, #1b3f7a); }
.chip-mini.aval-certo { background: var(--certo-tinta, #2e7d32); }
.chip-mini.aval-sem { background: var(--muted, #667); }
.aval-senha code { font-size: 1.1rem; letter-spacing: .08em; padding: .1rem .4rem; }

/* os campos das notas sem os botões de incremento (0.6.11, pedido do utilizador: as setas de 0,01 só atrapalhavam);
   a roda do rato também não lhes mexe (o campo perde o foco ao rolar — avaliacao.js / aluno.js) */
input.aval-nota { -moz-appearance: textfield; appearance: textfield; }
input.aval-nota::-webkit-outer-spin-button, input.aval-nota::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* a heteroavaliação exigente (0.6.14): o campo com a nota repetida a mais fica com a cor de aviso (o tema tem a regra; isto é o recurso) */
.paa-form input.aval-nota.campo-aviso { background: var(--aviso-fundo, #fff6e5); border-color: var(--accent, #e8792b); }

/* os ecrãs vivos (0.6.19): a célula que mudou acende por um instante; o aviso fica à vista no fundo do ecrã */
.aval-vivo-mudou { animation: aval-vivo-mudou 2.4s ease-out; }
@keyframes aval-vivo-mudou { from { background-color: var(--aviso-fundo, #fff6e5); } to { background-color: transparent; } }
@media (prefers-reduced-motion: reduce) { .aval-vivo-mudou { animation: none; } }
.aval-vivo-aviso { position: sticky; bottom: .75rem; z-index: 5; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.aval-vivo-nota { margin-top: 1.2rem; }
@media print { .aval-vivo-nota, .aval-vivo-aviso { display: none !important; } }