/* 老师端「选班级」按周几分组 —— 共用样式（2026-09-15）
 * index.html（老师助手）与 teacher_mistake.html（错题录入）共用这一份。
 * ⚠️ 加样式改这里，别往页面的 <style> 里再抄一份。
 *
 * 🔴 失效方向是**故意**的：折叠全靠下面这一条 `.cls-body{display:none}`。
 *    万一这个文件没加载到（路径写错 / nginx 没发对），组会**全部展开**——难看，但
 *    **所有班都还看得见**，不会把班藏起来。宁可难看也不能丢班。
 */

.cls-group + .cls-group { border-top:1px solid #E3EAE6; }

.cls-head {
  display:flex; align-items:center; gap:8px;
  padding:13px 4px; cursor:pointer; user-select:none; -webkit-user-select:none;
}
.cls-head .caret {
  color:#8A9990; font-size:12px; display:inline-block; transition:transform .15s;
}
.cls-group.open .cls-head .caret { transform:rotate(90deg); }
.cls-head .t { font-size:15px; font-weight:700; color:#2C3A33; }
.cls-head .c { font-size:12px; color:#8A9990; }
.cls-head .c.right { margin-left:auto; }

.cls-body { display:none; }
.cls-group.open .cls-body { display:block; }

/* 组内的行缩进一点，视觉上「挂」在组头下面 */
.cls-body .item { padding-left:16px; }

/* 组内那行的时间（同字号、颜色略淡；吴 2026-09-15 看过实物，定「就按这个」） */
.cls-time { color:#5A6B62; }
.cls-empty { font-size:13px; color:#8A9990; padding:14px 4px; }

/* 「最近进入的班」一行 */
.cls-recent { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:14px; }
.cls-recent .lbl { font-size:12px; color:#8A9990; }
.chip {
  border:1.5px solid #C9DBD0; background:#F3F9F5; color:#2E6B4F; border-radius:16px;
  padding:6px 12px; font-size:13px; cursor:pointer; font-family:inherit; max-width:100%;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}