/* Thẻ "Bé đang làm dở" trên màn hình chính (app.js resumeCard) */
body.kid .card.resume { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 16px; background: linear-gradient(135deg, #e7f6ff, #fff6e5); border: 2px solid #9fd6f5; }
.resume .rs-text { flex: 1 1 220px; display: flex; flex-direction: column; gap: 4px; }
.resume .rs-text b { font-size: 18px; }
.resume .rs-text small { color: var(--muted); font-weight: 700; font-size: 15px; }
.resume #rsDrop { min-height: 44px; }
@media (max-width: 520px) {
  .resume #rsGo { flex: 1 1 auto; }
}
/* Điện thoại: thanh trên của bài đang làm quá chật, tên lượt học bị cắt còn "Toán …" -> ẩn tên, chỉ giữ "Câu 3/10 · mức".
   Thông báo nhỏ (toast) đưa lên trên để không đè nút "Kiểm tra / Câu tiếp" dính ở đáy màn hình. */
@media (max-width: 600px) {
  .kbar.play .pinfo b { display: none; }
  .kbar.play .pinfo small { font-size: 13px; font-weight: 800; overflow: visible; text-overflow: clip; }
  .kbar.play .timer { white-space: nowrap; }
  body.kid .toast { bottom: auto; top: calc(70px + env(safe-area-inset-top, 0px)); max-width: calc(100vw - 32px); text-align: center; }
}
/* Điện thoại hẹp: thanh trên của bài có hẹn giờ quá chật (đồng hồ xuống dòng, che "Câu 1/10").
   Bỏ nút loa và ô xu trên thanh (xu vẫn bay lên khi trả lời đúng; bật/tắt tiếng ở màn hình chính). */
@media (max-width: 440px) {
  .kbar.play .pill.mute, .kbar.play .pill.coin { display: none; }
  .kbar.play { gap: 6px; }
  .kbar.play .pinfo { min-width: 0; flex: 1 1 auto; }
}