.teacher-page{min-height:100vh;background:#f5f7f6;color:#18332b;font:16px/1.5 system-ui,sans-serif}.teacher-page button,.teacher-page select{min-height:44px;font:inherit}.teacher-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background:#176b51;color:#fff}.teacher-toolbar h1{margin:.15rem 0;font-size:1.35rem}.teacher-toolbar button{padding:0 1rem;border:1px solid #fff;border-radius:.6rem;background:transparent;color:#fff}.teacher-profile,.teacher-filter,.teacher-results{max-width:1080px;margin:1rem auto;padding:1rem;background:#fff;border-radius:1rem;box-shadow:0 2px 12px #163b2d14}.teacher-profile{display:flex;align-items:center;gap:1rem}.teacher-profile .avatar{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:#dcefe7;color:#176b51;font-weight:800}.teacher-profile p{margin:.15rem 0;color:#52675f}.teacher-filter h2,.teacher-results h2{margin:.2rem 0}.teacher-mode{display:flex;gap:.5rem;margin:.75rem 0}.teacher-mode button{padding:0 1rem;border:1px solid #176b51;border-radius:.6rem;background:white;color:#176b51}.teacher-mode button[aria-pressed=true]{background:#176b51;color:white}.teacher-filter label{display:grid;gap:.35rem;max-width:28rem}.teacher-filter select{padding:0 .7rem;border:1px solid #a9bbb4;border-radius:.6rem;background:#fff}.teacher-results>header{display:flex;justify-content:space-between;align-items:center}.login-table{overflow:auto}.login-table table{width:100%;border-collapse:collapse}.login-table th,.login-table td{padding:.8rem;text-align:left;border-bottom:1px solid #e2e9e6}.login-cards{display:none}.login-status{display:inline-block;padding:.15rem .55rem;border-radius:99px;font-weight:700}.login-status.success{background:#daf1e5;color:#126443}.login-status.failure{background:#fde2df;color:#9f2d25}.teacher-feedback{display:grid;place-items:center;gap:.75rem;min-height:12rem;text-align:center}.teacher-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.teacher-pagination button,.teacher-feedback button{padding:0 1rem;border:1px solid #176b51;border-radius:.6rem;background:#fff;color:#176b51}.teacher-pagination button:disabled{opacity:.45}.spinner{width:1.4rem;height:1.4rem;border:3px solid #c8dbd4;border-top-color:#176b51;border-radius:50%;animation:teacher-spin .8s linear infinite}@keyframes teacher-spin{to{transform:rotate(360deg)}}
@media(max-width:640px){.teacher-toolbar{padding:1rem}.teacher-profile,.teacher-filter,.teacher-results{margin:.75rem;border-radius:.75rem}.login-table{display:none}.login-cards{display:grid;gap:.75rem}.login-card{padding:.85rem;border:1px solid #dbe5e1;border-radius:.75rem}.login-card header{display:flex;justify-content:space-between}.login-card p,.login-card time{margin:.25rem 0;color:#52675f}.teacher-pagination{gap:.5rem}.teacher-pagination button{padding:0 .7rem}}
/* Phase 16: allow labels, identities and pagination to reflow at high zoom. */
.teacher-toolbar{gap:1rem}.teacher-toolbar>div,.teacher-profile>div{min-width:0}.teacher-toolbar h1,.teacher-profile p{overflow-wrap:anywhere}.teacher-toolbar button,.teacher-profile .avatar{flex:0 0 auto}.teacher-mode,.teacher-results>header,.teacher-pagination{flex-wrap:wrap}.teacher-filter select{width:100%;max-width:100%}.login-table{max-width:100%}@media(max-width:640px){.login-card{min-width:0;overflow-wrap:anywhere}.login-card header{flex-wrap:wrap;gap:.35rem}}