/* Light, professional motion across Q-ON. No continuous spinning of student photos. */
.main-content{position:relative}.main-content:before{content:'✦';position:fixed;left:3.5vw;bottom:7vh;color:rgba(124,92,255,.08);font-size:62px;pointer-events:none;z-index:-1}.btn,.soft-icon,.room-card{transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-1px)}.soft-icon:hover{transform:rotate(-4deg) scale(1.05)}.room-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(30,39,80,.08)}.page-heading .greeting:before{content:'✦ ';color:#ff8a22}.panel{transition:box-shadow .2s ease}.panel:hover{box-shadow:0 12px 32px rgba(30,39,80,.055)}
/* Override the earlier endless student-photo rotation with a subtle hover motion. */
.student-table .person img,.student-table .person .avatar,.student-table .person .student-photo{animation:none!important;transform:none!important;transition:transform .25s ease!important}.student-table .person:hover img,.student-table .person:hover .avatar,.student-table .person:hover .student-photo{transform:rotate(-2deg) scale(1.04)!important}
@media(prefers-reduced-motion:no-preference){.page-heading .wave{display:inline-block;animation:qonWave 2.8s ease-in-out infinite}.toast{animation:qonToastIn .28s ease both}@keyframes qonWave{0%,82%,100%{transform:rotate(0) scale(1)}88%{transform:rotate(12deg) scale(1.1)}94%{transform:rotate(-8deg)}}@keyframes qonToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Bulk student/parent login credentials */
.credentials-export-panel{position:relative;overflow:hidden;border:1px solid rgba(255,121,0,.18)}
.credentials-export-panel:before{content:"";position:absolute;inset:-70px auto auto -70px;width:180px;height:180px;border-radius:50%;background:rgba(255,121,0,.08);pointer-events:none}
.credential-export-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:8px 0 18px}
.credentials-export-panel [data-credentials-table] td:nth-child(4),.credentials-export-panel [data-credentials-table] td:nth-child(5){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;text-align:left;white-space:nowrap}
@media (prefers-reduced-motion:no-preference){.credentials-export-panel{animation:qonCredentialIn .42s ease both}@keyframes qonCredentialIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}