/* Hjernet – online-delen (login, profil, lektier) */
.acct-in { display: grid; place-items: center; width: 100%; height: 100%; border-radius: 50%; background: var(--blue); color: #fff; font-weight: 800; }
html[data-theme="dark"] .acct-in { background: #1F6FD6; }
.login-box { max-width: 560px; }
.login-form { display: flex; flex-direction: column; gap: 6px; margin-top: 14px; }
.login-form label { font-weight: 700; margin-top: 8px; }
.login-form input[type=text], .login-form input[type=email], .login-form input[type=password] { font-size: 1.1rem; padding: 12px 14px; }
.login-form .btn { align-self: flex-start; margin-top: 14px; }
.role-pick { border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; display: flex; flex-direction: column; gap: 6px; }
.role-pick legend { font-weight: 700; padding: 0 6px; }
.role-pick label { font-weight: 600; margin: 0; display: flex; gap: 8px; align-items: baseline; }
.profile-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr)); gap: 16px; }
.profile-grid h2 { margin-top: 0; font-size: 1.2rem; }
ul.plain { list-style: none; padding: 0; margin: 6px 0; display: flex; flex-direction: column; gap: 6px; }
.announce { background: var(--blue-soft); border: 1px solid var(--blue-line); color: var(--ink); border-radius: 12px; padding: 12px 16px; font-weight: 700; margin-bottom: 16px; }
.homework { margin-bottom: 20px; }
.homework h2 { margin-top: 0; }
.hw-list li { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 8px 0; border-top: 1px solid var(--line); }
.hw-list li:first-child { border-top: 0; }
.hw-list small { display: block; font-size: .9rem; }