/* =========================
   lessons2 scoped fix
   ========================= */
.lessons2-page * { box-sizing: border-box; }

.lessons2-page .test-card{
  background:#fff;
  border-radius:18px;
  padding:14px 16px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  margin:14px 0;
  overflow:hidden;
}

.lessons2-page .test-card .rowx{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.lessons2-page .test-card .actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

/* กันปุ่ม bootstrap/ธีมเดิมทำเพี้ยน */
.lessons2-page .actions .btn{
  border-radius:999px;
  padding:.55rem 1rem;
  line-height:1.2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  box-shadow:none !important;
  transform:none !important;
}
.lessons2-page .actions .btn.locked{
  opacity:.6;
  pointer-events:auto; /* ให้คลิกแล้ว Swal ทำงาน */
}

/* ปรับ accordion/summary ไม่ให้ layout เพี้ยน */
.lessons2-page details.lv-acc{ border-radius:18px; overflow:hidden; background:transparent; }
.lessons2-page summary.lv-acc-head{
  list-style:none;
  cursor:pointer;
}
.lessons2-page summary.lv-acc-head::-webkit-details-marker{ display:none; }

/* แถวรายการ (กัน a ถูกรีเซ็ตเป็น inline หรือมี underline) */
.lessons2-page a.lv-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border:1px solid #e8efff;
  border-radius:12px;
  margin:8px 0;
  text-decoration:none !important;
  color:#111 !important;
  background:#fff;
}

.lessons2-page .lv-item-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.lessons2-page .lv-item-title{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* badge กัน bootstrap ชน */
.lessons2-page .lv-item-meta.badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  font-weight:600;
  background:#f2f4f8;
  color:#111;
  border:0;
}
.lessons2-page .badge.status.not-start{background:#fff1f1;color:#c0392b;}
.lessons2-page .badge.status.done{background:#eaffea;color:#1e7e34;}
.lessons2-page .badge.status.lock{background:#fff3e0;color:#c77700;}

.lessons2-page .chip-icon{
  width:22px;
  height:22px;
  object-fit:contain;
  flex:0 0 auto;
}

/* มือถือ */
@media (max-width: 576px){
  .lessons2-page .test-card .rowx{ align-items:flex-start; }
  .lessons2-page .test-card .actions{ width:100%; }
  .lessons2-page .actions .btn{ width:100%; }
}
/* lessons2.css */
.lv-wrap .test-card{background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 8px 24px rgba(0,0,0,.06);margin:14px 0;}
.lv-wrap .test-card .rowx{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.lv-wrap .test-card .actions{display:flex;gap:10px;flex-wrap:wrap;}
.lv-wrap .test-card .meta{font-size:14px;opacity:.85;}

.lv-wrap .lv-item{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 14px;border:1px solid #e8efff;border-radius:12px;margin:8px 0;
  text-decoration:none;color:#111;background:#fff;
}

.lv-wrap .lv-item.locked{opacity:.85}
.lv-wrap .lv-item-left{display:flex;align-items:center;gap:10px}

.lv-wrap .lv-item-meta.badge{padding:6px 10px;border-radius:999px;background:#f2f4f8}
.lv-wrap .badge.status.not-start{background:#fff1f1;color:#c0392b}
.lv-wrap .badge.status.done{background:#eaffea;color:#1e7e34}
.lv-wrap .badge.status.lock{background:#fff3e0;color:#c77700}

.lv-wrap .chip-icon{width:22px;height:22px;object-fit:contain}