/* v6: geniş ekran, yığcam jurnal, kitab pəncərəsi, "Bu gün" statistikası */

/* ---------- Bütün bölmələr ekranın enini istifadə edir (1920px ekranda tam en) ---------- */
.content{max-width:1680px}
body[data-view="settings"] .content{max-width:none}
body[data-view="settings"] .st-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr))}

/* ---------- Elektron jurnal: yuxarıda az boşluq, demək olar tam en ---------- */
body[data-view="journal"] .content{max-width:none;padding:10px 14px 40px}
body[data-view="journal"] .ph{margin-bottom:8px;gap:8px}
body[data-view="journal"] .ph h1{font-size:21px}
body[data-view="journal"] .ph p{margin-top:2px}
body[data-view="journal"] .jx-tb{margin-bottom:8px;gap:8px}
body[data-view="journal"] .cstrip{padding:8px 14px}
body[data-view="journal"] .jx-tabs{margin:6px 0 6px}
body[data-view="journal"] .jx .card-h{padding-top:12px;padding-bottom:8px}
body[data-view="journal"] .more-t{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:2px 0;margin:2px 0 0;color:var(--primary);font:600 12.5px/1.2 inherit;cursor:pointer}
body[data-view="journal"] .more-t svg{width:14px;height:14px;transition:transform .2s ease}
body[data-view="journal"] .more-t[aria-expanded="true"] svg{transform:rotate(180deg)}
body[data-view="journal"] .more-w.shut .more-b{max-height:0!important;opacity:0}
@media (max-width:760px){body[data-view="journal"] .content{padding:8px 8px 32px}}

/* ---------- Pəncərələr: düymələr həmişə görünür ---------- */
.modal .m-f{position:sticky;bottom:0;z-index:2;background:var(--surface);border-top:1px solid var(--line)}

/* ---------- Kitab pəncərəsi: fənn siyahısı ayrıca sürüşür ---------- */
.bk-cs{max-height:min(210px,30vh);overflow:auto;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);align-content:flex-start}
.bk-cs .ck[hidden]{display:none}
.bk-cq{margin:6px 0 8px}

/* ---------- "Bu gün" statistikası: başlıqdan bir az aşağıda, mərkəzdə ---------- */
.hero{align-items:center}
.hero .chips{margin-top:18px}
@media (max-width:640px){
  .hero{align-items:flex-start;padding:18px 16px 16px}
  .hero .chips{margin-top:12px}
}