.teacher-access-shell[hidden],
#teacherWorkspace[hidden],
#teacherBottomNav[hidden],
#teacherAccessLogout[hidden],
.teacher-access-form[hidden] { display:none!important; }
.teacher-access-pending .teacher-access-shell,
.teacher-access-pending #teacherWorkspace,
.teacher-access-pending #teacherBottomNav { visibility:hidden; }
.teacher-access-shell { display:grid; place-items:center; width:100%; min-height:calc(100dvh - 72px); padding:clamp(22px,5vw,64px); }
.teacher-access-panel { display:grid; gap:20px; width:min(620px,100%); border:1px solid #bcd8e4; border-radius:8px; background:#fff; padding:clamp(24px,5vw,42px); box-shadow:0 24px 70px rgba(5,42,76,.14); }
.teacher-access-panel>header { display:grid; gap:7px; }
.teacher-access-panel>header span { color:#0c91a1; font-size:12px; font-weight:900; }
.teacher-access-panel>header h1 { margin:0; font-size:clamp(30px,6vw,48px); letter-spacing:0; }
.teacher-access-panel>header p,.teacher-access-form p { margin:0; color:#62768b; font-size:14px; line-height:1.6; }
.teacher-login-modes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid #cbdde6; border-radius:7px; background:#f1f7fa; padding:4px; }
.teacher-login-modes button { min-height:44px; border:0; border-radius:5px; background:transparent; color:#526a80; font:inherit; font-weight:850; cursor:pointer; }
.teacher-login-modes button.is-active { background:#fff; color:#0a7587; box-shadow:0 2px 10px rgba(5,42,76,.1); }
.teacher-access-form { display:grid; gap:15px; }
.teacher-access-form>label { display:grid; gap:7px; color:#536a80; font-size:13px; font-weight:850; }
.teacher-access-form input { width:100%; min-height:50px; border:1px solid #cbdde6; border-radius:6px; background:#fff; padding:11px 13px; color:#08213b; font:inherit; outline:none; }
.teacher-access-form input:focus { border-color:#1879e8; box-shadow:0 0 0 3px rgba(24,121,232,.1); }
.teacher-access-form>button { min-height:50px; border:0; border-radius:6px; background:#1879e8; color:#fff; padding:11px 16px; font:inherit; font-weight:900; cursor:pointer; }
.teacher-access-options { display:flex; flex-wrap:wrap; gap:18px; }
.teacher-access-options label { display:flex; align-items:center; gap:7px; color:#425c73; font-size:13px; font-weight:800; }
.teacher-access-options input { width:18px; min-height:18px; height:18px; padding:0; }
.teacher-access-notice { min-height:21px; margin:0; color:#b13c3c; font-size:13px; font-weight:800; }
.teacher-access-logout { border:0; background:transparent; color:#cceff4; font:inherit; font-weight:800; cursor:pointer; }
.teacher-session-label { margin:4px 0 0; color:#60758a; font-size:13px; font-weight:750; }
@media (max-width:620px) {
  .teacher-access-shell { align-items:start; min-height:calc(100dvh - 60px); padding:14px; }
  .teacher-access-panel { gap:16px; padding:22px 18px; }
  .teacher-access-panel>header h1 { font-size:32px; }
  .teacher-access-options { gap:12px; }
}