/* Личный кабинет ученика: та же тема (theme.css), мобильная навигация внизу */
.lk-top { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 16px; background: var(--color-surface); border-bottom: 1px solid var(--color-border); }
.lk-top .brand { font-weight: 700; color: var(--color-text); text-decoration: none; }
.lk-top__actions { display: flex; gap: 4px; }
.lk-icon { display: block; flex: none; }
.lk-bell { position: relative; display: inline-flex; padding: 8px; border-radius: var(--radius); color: var(--color-text); }
.lk-bell .lk-count { position: absolute; top: 2px; right: 0; }
.lk-count { display: inline-block; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--color-accent); color: var(--color-accent-text); font: 600 11px/18px var(--font-family); font-style: normal; text-align: center; }
/* Нижнее меню телефона: 5 пунктов; отступ снизу у страницы — чтобы контент не уходил под меню */
.lk-tabbar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10; display: grid; grid-template-columns: repeat(5, 1fr); background: var(--color-surface); border-top: 1px solid var(--color-border); padding: 4px 0 calc(4px + env(safe-area-inset-bottom)); }
.lk-tabbar a { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 4px 0; min-width: 0; color: var(--color-muted); text-decoration: none; font-size: 11px; line-height: 1.2; }
.lk-tabbar a span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.lk-tabbar a.is-active { color: var(--color-primary); font-weight: 600; }
.lk-tabbar .lk-count { position: absolute; top: 0; left: calc(50% + 6px); }
.lk-nav { display: none; }
.lk-main { max-width: 860px; margin: 0 auto; padding: 16px 16px calc(84px + env(safe-area-inset-bottom)); }
@media (min-width: 768px) {
  .lk-tabbar { display: none; }
  .lk-nav { display: flex; flex-wrap: wrap; gap: 4px; max-width: 860px; margin: 0 auto; padding: 0 16px; border-bottom: 1px solid var(--color-border); }
  .lk-nav a { padding: 10px 12px; color: var(--color-muted); text-decoration: none; }
  .lk-nav a.is-active { color: var(--color-primary); font-weight: 600; border-bottom: 2px solid var(--color-primary); }
  .lk-main { padding-bottom: 32px; }
}
.lk-menu { padding: 0; }
.lk-menu a, .lk-menu button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 14px 16px; border: 0; border-bottom: 1px solid var(--color-border); background: none; color: var(--color-text); font: inherit; text-align: left; text-decoration: none; cursor: pointer; }
.lk-menu form { margin: 0; }
.lk-menu span { flex: 1; }
.lk-menu .lk-icon:last-child { color: var(--color-muted); }
.lk-menu button { color: var(--color-danger); border-bottom: 0; }
.lk-viewas { background: var(--color-warn-soft); color: var(--color-warn); padding: 8px 16px; text-align: center; font-size: var(--font-size-sm); }
.lk-auth { max-width: 420px; margin: 8vh auto; padding: 0 16px; }
.lk-video { position: relative; background: var(--color-video); border-radius: var(--radius); overflow: hidden; }
.lk-video video { display: block; width: 100%; max-height: 70vh; }
.lk-watermark { position: absolute; pointer-events: none; color: var(--color-video-mark); font-size: 14px; font-weight: 600; text-shadow: 0 0 2px var(--color-video); transition: top 1.5s, left 1.5s; white-space: nowrap; user-select: none; }
.lk-material img { max-width: 100%; height: auto; }
.lk-block-status { display: flex; gap: 8px; align-items: center; justify-content: space-between; }
.lk-teacher { display: flex; align-items: center; gap: 10px; }
.lk-teacher img, .lk-teacher .avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: var(--color-primary-soft); }
.lk-msg { padding: 8px 12px; border-radius: var(--radius); margin-bottom: 8px; background: var(--color-bg); }
.lk-msg--staff { background: var(--color-primary-soft); }
.lk-attach { display: inline-flex; align-items: center; gap: 4px; }