/* Optional student account controls. Cloud sync is deliberately not enabled here. */
.student-account{margin:18px 0;padding:20px;border:1px solid var(--border,#d9e1ed);border-radius:16px;background:var(--surface,#fff);box-shadow:0 8px 24px rgba(25,45,80,.06)}
.student-account h2{margin:0 0 8px;font-size:19px}
.student-account p{line-height:1.8}
.student-account-intro{margin:0 0 14px;color:var(--muted,#64748b);font-size:13px}
.student-account-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}
.student-account-field{display:grid;gap:6px}
.student-account-field label{font-size:13px;font-weight:700}
.student-account-field input,.student-account-field select{width:100%;min-height:44px;padding:9px 11px;border:1px solid var(--border,#d9e1ed);border-radius:9px;background:var(--input-bg,#fff);color:inherit;font:inherit}
.student-account-hint,.student-account-state{margin:0;color:var(--muted,#64748b);font-size:12px}
.student-account-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.student-account-actions button{min-height:42px;padding:9px 15px;border:0;border-radius:9px;background:var(--primary,#315edb);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.student-account-actions button:disabled{opacity:.6;cursor:wait}
.student-account-actions .student-account-logout{background:transparent;border:1px solid var(--border,#d9e1ed);color:inherit}
.student-account-status{margin:12px 0 0;padding:9px 11px;border-radius:8px;background:var(--soft-bg,#f4f7fc);font-size:13px;line-height:1.8}
.student-account-status[data-kind="success"]{color:#176b43;background:#e8f7ef}
.student-account-status[data-kind="error"]{color:#9a3412;background:#fff2e8}
.student-account [hidden]{display:none!important}
body.dark-mode .student-account{background:#101827;border-color:#405579}
body.dark-mode .student-account-field input,body.dark-mode .student-account-field select{background:#0b1422;border-color:#405579;color:#e7edf8}
body.dark-mode .student-account-status{background:#1b2a40}
@media(max-width:650px){.student-account-form{grid-template-columns:1fr}.student-account-actions button{width:100%}}