/* Ajustes específicos do painel do professor. Cores e componentes compartilhados estão em ds.css. */
.screen-ratio { aspect-ratio: 16 / 10; }

/* cartão do aluno: avatar, pedido de ajuda e modo compacto */
.avatar { background: hsl(var(--h) 45% 28%); color: #d9f3ef; }
html[data-theme="light"] .avatar { background: hsl(var(--h) 55% 88%); color: hsl(var(--h) 60% 22%); }
.help-banner { background: rgb(var(--rgb-warn) / .16); border: 1px solid rgb(var(--rgb-warn) / .55); color: rgb(var(--rgb-text-strong)); animation: helpPulse 1.8s ease-in-out infinite; }
@keyframes helpPulse { 0%, 100% { box-shadow: 0 0 0 0 rgb(var(--rgb-warn) / .35); } 50% { box-shadow: 0 0 0 6px rgb(var(--rgb-warn) / 0); } }
.student-card.help-card { border-color: rgb(var(--rgb-warn) / .7) !important; box-shadow: 0 0 0 1px rgb(var(--rgb-warn) / .35), 0 10px 30px rgb(0 0 0 / .18); }
.help-chip { border-color: rgb(var(--rgb-warn) / .6); color: rgb(var(--rgb-text-strong)); animation: helpPulse 1.8s ease-in-out infinite; }
#studentGrid.compact { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: .75rem; }
#studentGrid.compact .screen-ratio { display: none; }
@media (prefers-reduced-motion: reduce) { .help-banner, .help-chip { animation: none; } }