/* раунд 46: сайт для родителей (/lk) — телефон в первую очередь */
body.lk { background: var(--bg); margin: 0; }
.lk-top { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: #fff; border-bottom: 1px solid #E3E9F2; }
.lk-brand { display: flex; align-items: center; gap: 10px; color: var(--brand-700); font-weight: 700; }
.lk-brand img { width: 34px; height: 34px; }
.lk-brand small { display: block; font-weight: 500; font-size: 12px; color: var(--muted); }
.lk-logout { font-size: 14px; }
.lk-main { max-width: 720px; margin: 0 auto; padding: 16px; }
.lk-main .card { margin-bottom: 12px; }
.lk-kids, .lk-tabs { display: flex; gap: 6px; overflow-x: auto; margin-bottom: 10px; scrollbar-width: none; }
.lk-kids::-webkit-scrollbar, .lk-tabs::-webkit-scrollbar { display: none; }
.lk-kids a, .lk-tabs a { padding: 8px 14px; border-radius: 999px; background: #fff; border: 1px solid #E3E9F2; white-space: nowrap; font-weight: 600; }
.lk-kids a.active, .lk-tabs a.active { background: var(--brand-700); color: #fff; border-color: var(--brand-700); }
.lk-who { margin: 4px 2px 10px; }
.lk-month { display: flex; align-items: center; justify-content: space-between; margin: 6px 0 12px; }
.lk-avg { margin: 0 2px 10px; }
.lk-subject-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.lk-grades { display: flex; flex-wrap: wrap; gap: 6px; }
.lk-grade { display: inline-flex; flex-direction: column; align-items: center; min-width: 48px; padding: 6px 4px; border-radius: 10px; background: #EEF1F5; }
.lk-grade b { font-size: 18px; }
.lk-grade small { font-size: 11px; color: var(--muted); }
.lk-grade.g5 { background: #E6F6EE; color: #14603A; }
.lk-grade.g4 { background: #E8F1FD; color: #1F4E9D; }
.lk-grade.g3 { background: #FDF3E1; color: #8A5407; }
.lk-grade.g2 { background: #FBE7E7; color: #9B2C2C; }
.lk-day { font-size: 15px; margin: 16px 2px 8px; color: var(--muted); }
.lk-hw-text { white-space: pre-wrap; margin-top: 4px; }
.lk-files { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; margin-top: 10px; }
.lk-files img { width: 120px; height: 120px; object-fit: cover; border-radius: 10px; border: 1px solid #E3E9F2; }
.lk-att { list-style: none; padding: 0; margin: 12px 0 0; }
.lk-att li { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid #EEF1F5; }
.att-present { color: #14603A; } .att-late { color: #8A5407; } .att-absent { color: #9B2C2C; }
.lk-login { max-width: 420px; margin: 24px auto; }
.lk-login h1 { margin: 0 0 4px; font-size: 22px; }
.lk-blocked h2 { font-size: 18px; margin-top: 0; }