.auth-panel{max-width:760px;margin:26px auto}.auth-form{grid-template-columns:1fr 1fr}.auth-form>label:first-child{grid-column:1/-1}.auth-actions{display:flex;gap:10px;flex-wrap:wrap;grid-column:1/-1}.auth-switch{font-size:.76rem;color:var(--revision-muted);margin:16px 0 0}.auth-switch a{color:var(--revision-accent);text-decoration:none}.account-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--revision-line);background:#0f1e2e;border-radius:14px;padding:12px 15px;margin:24px 0 0}.account-strip div:first-child{display:flex;flex-direction:column;gap:3px}.account-strip span{font-size:.65rem;color:var(--revision-muted);text-transform:uppercase;letter-spacing:.08em}.account-strip strong{font-size:.82rem}.account-actions{display:flex;gap:8px}.cloud-roster-form{flex-wrap:wrap}.cloud-roster-form input{min-width:150px}.roster-copy{display:flex;flex-direction:column;gap:4px}.roster-copy strong{font-size:.78rem}.roster-copy span{font-size:.66rem;color:var(--revision-muted)}.submission-block{margin-top:14px;padding-top:13px;border-top:1px solid #223448;display:grid;gap:10px}.submission-heading{font-size:.72rem;color:#d8e2e9}.submission-row{background:#111f30;border:1px solid #293e52;border-radius:10px;padding:11px}.submission-row-top{display:flex;justify-content:space-between;gap:10px;font-size:.68rem}.submission-row-top span{color:var(--revision-muted)}.submission-response{font-size:.72rem;color:#c7d4df;white-space:pre-wrap;line-height:1.5}.mark-grid{display:grid;grid-template-columns:120px 1fr auto;gap:8px}.mark-grid input,.student-response{width:100%;border:1px solid var(--revision-line);background:#0b1828;color:var(--revision-text);border-radius:8px;padding:9px}.student-submit-box{margin-top:14px;padding-top:13px;border-top:1px solid #223448;display:grid;gap:10px}.student-response{resize:vertical;min-height:90px}.submission-result,.submission-feedback{font-size:.73rem;margin:0;color:#c8d5de}.submission-feedback{color:var(--revision-accent)}.student-submit-box .teacher-button{justify-self:start}
@media(max-width:700px){.auth-form{grid-template-columns:1fr}.auth-form>label:first-child,.auth-actions{grid-column:auto}.account-strip{align-items:flex-start;flex-direction:column}.account-actions{width:100%}.account-actions .teacher-button{flex:1}.mark-grid{grid-template-columns:1fr}.cloud-roster-form{display:grid;grid-template-columns:1fr}.cloud-roster-form input{width:100%}}