/* PHÁC THẢO · Hành trình coaching BẢN 2 (sổ 20261026-21) — CSS DÙNG CHUNG 4 màn.
   Biến màu, đầu trang, dải trái 60px, hàng tab CHÉP từ khung cộng đồng đang chạy
   (cong-dong-tri-tue/nguon/03-du-lieu-giao-dien.js: :root d.566, header d.599, .dai-trai d.736, .tabs d.722).
   Lớp mới của bản 2 dùng tiền tố ht2- để không đụng lớp ht-* bản 1.
   Màn làm việc ≥1100px: vừa MỘT màn (100vh), danh sách dài cuộn TRONG cột. Dưới 1100px: cột xếp dọc, trang cuộn bình thường. */
:root{
  --xanh:#2563EB; --xanh-dam:#1D4ED8; --xanh-nhat:#EFF4FE; --xanh-vien:#BFD3F8;
  --xanh-sang:#3B82F6; --xanh-nhe:#60A5FA;
  /* không dùng vàng ở màn này: vàng chỉ cho cấp độ · xếp hạng · sao (CLAUDE 5b dòng 5) */
  --nen-tim:#E4E4E4; --chu-tim:#5C5C5C;
  --nen:#F8F7F5; --the:#FFFFFF; --vien:#E4E9F2;
  --chu-dam:#111827; --chu:#1E2A3B; --chu-mo:#5B6B82; --chu-nhat:#64748B; --chu-than:#33415A;
  --do:#C81E1E; --do-nhat:#FEF2F2; --do-vien:#F6C9C9;
  --xanh-la:#0F766E; --xanh-la-nhat:#ECFDF5; --xanh-la-vien:#A7E3D2;
  /* 5 mức hiệu quả bài tập ngày (thang 1–5) — đổi màu lịch ở đây */
  --hq1:#DBEAFE; --hq2:#BFDBFE; --hq3:#93C5FD; --hq4:#2563EB; --hq5:#1D4ED8;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--nen);color:var(--chu);font:15px/1.55 "Segoe UI",system-ui,-apple-system,sans-serif}
a{color:var(--xanh);text-decoration:none}
button{font:inherit;cursor:pointer;color:inherit}
textarea,input,select{font:inherit;color:var(--chu)}
.the{background:var(--the);border:1px solid var(--vien);border-radius:13px}

/* ---- Dải BẢN MẪU (chỉ có ở coaching.thorbiz.com, chỉ vai Sếp thấy) ---- */
.ban-mau{background:var(--chu-dam);color:#fff;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 16px;min-height:52px;font-size:13px}
.ban-mau b{font-weight:700;letter-spacing:.02em}
.ban-mau .tach{width:1px;height:22px;background:#475569}
.ban-mau select,.ban-mau button{min-height:44px;border-radius:8px;border:1px solid #475569;background:#1F2937;color:#fff;padding:0 12px;font-size:13px}
.ban-mau .ngay-thu{font-weight:700;color:#BFD3F8}

/* ---- Dải trái mini + đầu trang + hàng tab (khung cộng đồng) ---- */
.dai-trai{position:fixed;left:0;top:0;bottom:0;width:60px;z-index:60;background:var(--the);border-right:1px solid var(--vien);
  display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0}
.dai-trai .o{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff}
.dai-trai .la-ban{background:var(--nen);color:var(--chu-than);font-size:19px;border:1px solid var(--vien)}
.dai-trai .vach{width:26px;height:1px;background:var(--vien)}
@media (min-width:1100px){body{padding-left:60px}}
@media (max-width:1099px){.dai-trai{display:none}}
header{background:var(--the);border-bottom:1px solid var(--vien)}
.thanh{display:flex;align-items:center;gap:14px;min-height:60px;max-width:1280px;margin:0 auto;padding:8px 16px}
.logo{width:36px;height:36px;border-radius:9px;flex:none;background:linear-gradient(135deg,var(--xanh) 0%,var(--xanh-dam) 100%);
  color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center}
.ten-nhom{font-weight:700;font-size:16px;white-space:nowrap}
.ten-nhom small{color:var(--chu-mo);font-size:11px;margin-left:4px}
.tim{flex:0 1 692px;min-width:0;margin:0 auto;height:44px;border-radius:10px;background:var(--nen-tim);color:var(--chu-tim);
  display:flex;align-items:center;padding:0 16px;font-size:15px}
.cong-cu{display:flex;align-items:center;gap:10px}
.nut-tron{width:44px;height:44px;border-radius:50%;border:1px solid var(--vien);background:var(--the);color:var(--chu-mo);display:flex;align-items:center;justify-content:center;font-size:15px}
.avatar{width:38px;height:38px;border-radius:50%;flex:none;background:#9D174D;color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
nav{background:var(--the);border-bottom:1px solid var(--vien)}
.tabs{display:flex;gap:4px;overflow-x:auto;max-width:1280px;margin:0 auto;padding:0 16px;scrollbar-width:none}
.tabs a{font-size:14.5px;font-weight:600;color:var(--chu-mo);padding:13px 14px;border-bottom:3px solid transparent;white-space:nowrap;min-height:44px}
.tabs a.chon{color:var(--chu-dam);font-weight:700;border-bottom-color:var(--chu-dam)}
@media (max-width:640px){.thanh{flex-wrap:wrap}.tim{order:3;flex:1 1 100%}.ten-nhom small{display:none}}

/* ---- Khung MÀN LÀM VIỆC: vừa 1 màn ở ≥1100px ---- */
@media (min-width:1100px){
  body.mot-man{height:100vh;display:flex;flex-direction:column;overflow:hidden}
  body.mot-man main{flex:1;min-height:0}
  .man-3{height:100%}
  .man-3>.cot{overflow-y:auto;min-height:0}
}
.man-3{display:grid;gap:18px;max-width:1320px;margin:0 auto;padding:16px 16px}
.man-3>.cot{display:flex;flex-direction:column;gap:14px;min-width:0;padding-right:2px}
@media (max-width:1099px){.man-3{grid-template-columns:minmax(0,1fr)!important}}

/* ---- Khối chung ---- */
.khoi{padding:16px}
.khoi-dau{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.khoi-dau h2,.khoi-dau h3{font-size:12px;letter-spacing:.06em;color:var(--chu-mo);font-weight:800;text-transform:uppercase}
.khoi-dau .phu{font-size:12px;color:var(--chu-mo)}
.chu-mo{color:var(--chu-mo);font-size:13px}
.chu-nho{font-size:12px;color:var(--chu-mo)}
.nut{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:10px;background:var(--xanh);color:#fff;font-weight:700;font-size:14px;padding:0 16px}
.nut:hover{background:var(--xanh-dam)}
.nut[disabled]{background:var(--vien);color:var(--chu-mo);cursor:not-allowed}
.nut-vien{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--vien);border-radius:10px;background:var(--the);color:var(--chu);font-weight:700;font-size:14px;padding:0 14px}
.nut-vien:hover{border-color:var(--xanh);color:var(--xanh-dam)}
.nut-hd{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--xanh-vien);background:var(--xanh-nhat);color:var(--xanh-dam);font-weight:700;font-size:13.5px}
.rong{width:100%}
.chip{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 9px;border-radius:7px;font-size:12px;font-weight:700;white-space:nowrap}
.chip.dang{background:var(--xanh-nhat);color:var(--xanh-dam);border:1px solid var(--xanh-vien)}
.chip.xong{background:var(--xanh-la-nhat);color:var(--xanh-la);border:1px solid var(--xanh-la-vien)}
.chip.khoa{background:var(--nen);color:var(--chu-than);border:1px solid var(--vien)}
.chip.do{background:var(--do-nhat);color:var(--do);border:1px solid var(--do-vien)}
.dau-man{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}
.dau-man .lui{font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;min-height:44px}
textarea.o-viet{width:100%;min-height:84px;border:1px solid var(--vien);border-radius:10px;padding:10px 12px;font-size:14px;resize:vertical;overflow-wrap:anywhere}
textarea.o-viet:focus,input:focus,select:focus{outline:2px solid var(--xanh-vien);border-color:var(--xanh)}
.dem-chu{font-size:12px;color:var(--chu-mo);text-align:right;margin-top:3px}
.dem-chu.du{color:var(--xanh-la);font-weight:700}

/* ---- Màn 1 · cột trái: Điểm A + tiến độ + tăng trưởng ---- */
.radar{display:flex;justify-content:center}
.radar svg text{font-size:12px;fill:var(--chu-than);font-weight:700}
.chu-giai-truc{display:grid;grid-template-columns:auto 1fr auto;gap:4px 8px;font-size:12.5px;margin-top:6px;align-items:center}
.chu-giai-truc .so{width:20px;height:20px;border-radius:50%;background:var(--xanh-nhat);color:var(--xanh-dam);font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center}
.chu-giai-truc b{font-size:12.5px;color:var(--chu-dam)}
.chu-giai-chung{display:flex;gap:14px;font-size:12px;color:var(--chu-mo);justify-content:center;margin-top:4px}
.chu-giai-chung i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.ba-so{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ba-so>div{background:var(--nen);border:1px solid var(--vien);border-radius:10px;padding:10px 8px;text-align:center}
.ba-so b{display:block;font-size:20px;color:var(--chu-dam);line-height:1.2}
.ba-so small{display:block;font-size:11.5px;color:var(--chu-mo);line-height:1.35;margin-top:2px}
.vong{position:relative;width:64px;height:64px;margin:0 auto 4px}
.vong b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px}
.dong-truc{display:grid;grid-template-columns:minmax(0,1fr) 84px 46px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--vien);font-size:12.5px}
.dong-truc:last-child{border-bottom:0}
.dong-truc .thanh-2{height:8px;border-radius:5px;background:var(--vien);position:relative;overflow:hidden}
.dong-truc .thanh-2 i{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:var(--chu-nhat)}
.dong-truc .thanh-2 em{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:linear-gradient(90deg,var(--xanh),var(--xanh-la))}
.dong-truc .tang{font-weight:800;color:var(--xanh-la);text-align:right;font-size:12.5px}
.dong-truc .tang.chua{color:var(--chu-mo);font-weight:600}
.nhan-thuc-doi{border-left:3px solid var(--xanh-la);padding:6px 0 6px 10px;font-size:12.5px;margin-top:8px}
.nhan-thuc-doi s{color:var(--chu-mo)}
.nhan-thuc-doi b{display:block;color:var(--xanh-la)}

/* ---- Màn 1 · cột giữa: lời chào + thẻ chặng ---- */
.loi-chao{padding:20px 22px;background:linear-gradient(135deg,#FFFFFF 0%,var(--xanh-nhat) 100%)}
.loi-chao h1{font-size:22px;color:var(--chu-dam);margin:2px 0 6px;overflow-wrap:anywhere}
.loi-chao .nhan-ct{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--xanh-dam)}
.loi-chao p{font-size:14px;color:var(--chu-than);max-width:640px}
.huong-ba{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.huong-ba>div{background:var(--the);border:1px solid var(--vien);border-radius:10px;padding:10px 12px;font-size:12.5px;color:var(--chu-than)}
.huong-ba b{display:block;color:var(--xanh-dam);font-size:13px}
.thoi-han{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:12.5px;color:var(--chu-mo)}
.thoi-han b{color:var(--chu-dam)}
.luoi-chang{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.the-chang{display:flex;flex-direction:column;overflow:hidden;text-align:left;padding:0;border:1px solid var(--vien);background:var(--the);border-radius:13px}
.the-chang:hover{box-shadow:0 10px 24px rgba(16,32,60,.10);border-color:var(--xanh-vien)}
.the-chang .bia{height:64px;padding:12px 14px;display:flex;align-items:flex-start;justify-content:space-between;color:#fff;
  background:radial-gradient(120% 120% at 15% 10%,rgba(96,165,250,.35) 0%,transparent 60%),linear-gradient(135deg,#1E3A8A,#2563EB)}
.the-chang.khoa .bia{background:linear-gradient(135deg,#475569,#64748B)}
.the-chang .bia .so{font-size:12px;font-weight:800;letter-spacing:.08em}
.the-chang .bia .chip{background:rgba(255,255,255,.95);border:0}
.the-chang .than{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.the-chang .than b{font-size:15px;color:var(--chu-dam);overflow-wrap:anywhere;line-height:1.35}
.the-chang .gt{font-size:12.5px;color:var(--chu-than);overflow-wrap:anywhere}
.the-chang .gt em{display:block;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--xanh-dam);margin-bottom:2px}
.the-chang .meta{font-size:12px;color:var(--chu-mo);margin-top:auto;padding-top:6px;border-top:1px dashed var(--vien)}
.the-chang .nut,.the-chang .nut-vien{margin-top:8px;width:100%}
.viec-hom-nay{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap}
.viec-hom-nay .ico{width:40px;height:40px;border-radius:10px;background:var(--xanh-nhat);color:var(--xanh-dam);display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}
.viec-hom-nay .chu{flex:1;min-width:200px;font-size:13.5px}
.viec-hom-nay .chu b{display:block;color:var(--chu-dam)}
@media (max-width:760px){.luoi-chang,.huong-ba{grid-template-columns:minmax(0,1fr)}}

/* ---- Màn 1 · cột phải: nhật ký + gửi coach ---- */
.nk-muc{border:1px solid var(--vien);border-radius:10px;padding:10px 12px;margin-top:8px}
.nk-muc .dau{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;color:var(--chu-mo);margin-bottom:4px;flex-wrap:wrap}
.nk-muc .dau b{color:var(--chu-dam);font-size:12.5px}
.nk-muc p{font-size:13px;color:var(--chu-than);overflow-wrap:anywhere}
.nk-muc.khoa{background:var(--nen)}
.nk-muc .phan-hoi{margin-top:6px;padding:6px 8px;background:var(--xanh-nhat);border-radius:8px;font-size:12.5px;color:var(--chu-than)}
.nk-muc .phan-hoi b{color:var(--xanh-dam)}
.nk-muc .sua{min-height:44px;padding:0 10px;border:0;background:none;color:var(--xanh);font-weight:700;font-size:12.5px}
.loai-gui{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}
.loai-gui button{min-height:44px;border:1px solid var(--vien);border-radius:9px;background:var(--the);font-size:12.5px;font-weight:700;color:var(--chu-than);padding:0 8px}
.loai-gui button[aria-pressed="true"]{border-color:var(--xanh);background:var(--xanh-nhat);color:var(--xanh-dam)}
.yc-dong{display:flex;gap:8px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--vien);font-size:12.5px;margin-top:8px}
.yc-dong .chu{flex:1;min-width:0;overflow-wrap:anywhere;color:var(--chu-than)}

/* ---- Màn 2 · Chặng/modul ---- */
.dieu-kien{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:4px}
.dieu-kien li{display:flex;gap:8px;font-size:12.5px;color:var(--chu-than);align-items:flex-start}
.dieu-kien li .d{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--vien);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--chu-mo)}
.dieu-kien li.xong .d{background:var(--xanh-la);border-color:var(--xanh-la);color:#fff}
.dieu-kien li.dang .d{border-color:var(--xanh);color:var(--xanh-dam)}
.gt-chang{background:var(--xanh-nhat);border:1px solid var(--xanh-vien);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--chu-than);margin:8px 0}
.gt-chang b{display:block;font-size:11px;letter-spacing:.06em;color:var(--xanh-dam);font-weight:800}
.modul-dau{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--vien)}
.modul-dau h1{font-size:18px;color:var(--chu-dam);flex:1;min-width:200px;overflow-wrap:anywhere}
.tai-lieu{display:flex;gap:6px;flex-wrap:wrap}
.tai-lieu a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid var(--vien);border-radius:9px;font-size:12.5px;font-weight:700;color:var(--chu-than);background:var(--the)}
.bon-o{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,2.05fr) 22px minmax(0,1.45fr);gap:0;align-items:stretch;padding:14px 16px}
.bon-o .mui{display:flex;align-items:center;justify-content:center;color:var(--chu-mo);font-size:16px;font-weight:800}
.o-buoc{border:1px solid var(--vien);border-radius:12px;padding:12px;background:var(--the);display:flex;flex-direction:column;gap:6px;min-width:0}
.o-buoc .so-buoc{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.05em;color:var(--chu-mo);text-transform:uppercase}
.o-buoc .so-buoc i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--xanh);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}
.o-buoc h3{font-size:14.5px;color:var(--chu-dam)}
.o-buoc p{font-size:13px;color:var(--chu-than);overflow-wrap:anywhere}
.o-buoc .nguoi{font-size:11.5px;color:var(--chu-mo)}
.o-buoc.da-khoa{background:var(--nen)}
.cap-dong-thoi{border:2px solid var(--xanh-vien);border-radius:14px;padding:8px;background:var(--xanh-nhat);display:flex;flex-direction:column;gap:6px;min-width:0}
.cap-dong-thoi>.nhan{font-size:11.5px;font-weight:800;color:var(--xanh-dam);text-align:center;letter-spacing:.03em}
.cap-dong-thoi>.hai{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:8px;flex:1}
.nhan-thuc-dung{font-size:14px;font-weight:700;color:var(--xanh-dam);background:var(--the);border-radius:9px;padding:8px 10px;border-left:4px solid var(--xanh)}
.video-nho{height:72px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12.5px;font-weight:700;gap:8px;
  background:radial-gradient(120% 120% at 20% 20%,rgba(96,165,250,.35) 0%,transparent 60%),linear-gradient(135deg,#1E3A8A,#2563EB)}
.video-nho span{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--xanh-dam);display:flex;align-items:center;justify-content:center;font-size:12px}
.lich{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:4px 0}
.lich .ngay{border-radius:8px;min-height:50px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;line-height:1.25;border:1px solid var(--vien);background:var(--the);color:var(--chu-than);text-align:center}
.lich .ngay b{font-size:13px}
.lich .ngay.hq2{background:var(--hq2);border-color:var(--hq2);color:var(--chu-dam)}
.lich .ngay.hq3{background:var(--hq3);border-color:var(--hq3);color:#172554}
.lich .ngay.hq4{background:var(--hq4);border-color:var(--hq4);color:#fff}
.lich .ngay.hq5{background:var(--hq5);border-color:var(--hq5);color:#fff}
.lich .ngay.bo{background:var(--the);border:1.5px dashed var(--chu-nhat);color:var(--chu-mo)}
.lich .ngay.toi{background:var(--nen);border:1px dashed var(--vien);color:var(--chu-mo)}
.lich .ngay.hom-nay{outline:2px solid var(--chu-dam);outline-offset:1px}
.chu-giai-lich{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--chu-mo);align-items:center}
.chu-giai-lich i{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-2px;margin-right:3px}
.dong-lui{background:var(--xanh-nhat);border:1px solid var(--xanh-vien);border-radius:9px;padding:8px 10px;font-size:12.5px;color:var(--chu-than)}
.dong-lui b{color:var(--chu-dam)}
.ba-duoi{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:14px}
.ba-duoi .the{padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.modul-dong{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--vien)}
.modul-dong:first-of-type{border-top:0}
.modul-dong .ico{flex:none;width:34px;height:34px;border-radius:9px;background:var(--xanh-nhat);color:var(--xanh-dam);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.modul-dong.khoa .ico{background:var(--nen);color:var(--chu-mo)}
.modul-dong .chu{flex:1;min-width:0}
.modul-dong .chu b{display:block;font-size:13.5px;color:var(--chu-dam);overflow-wrap:anywhere}
.modul-dong .chu small{font-size:12px;color:var(--chu-mo)}
.khoa-ly-do{font-size:12.5px;color:var(--chu-mo);display:flex;gap:6px}
@media (max-width:1099px){.bon-o{grid-template-columns:minmax(0,1fr)}.bon-o .mui{transform:rotate(90deg);height:24px}.ba-duoi{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.cap-dong-thoi>.hai{grid-template-columns:minmax(0,1fr)}}

/* ---- Màn 3 · Học ---- */
.muc-luc a{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 10px;border-radius:9px;font-size:13px;color:var(--chu-than)}
.muc-luc a.dang{background:var(--xanh-nhat);color:var(--xanh-dam);font-weight:700}
.muc-luc a .d{flex:none;width:20px;text-align:center;font-weight:800}
.muc-luc a.xong .d{color:var(--xanh-la)}
.muc-luc a.khoa{color:var(--chu-mo)}
.bai-hoc{padding:22px 26px}
.bai-hoc h1{font-size:22px;color:var(--chu-dam);margin:4px 0 4px;overflow-wrap:anywhere}
.bai-hoc .meta{font-size:12.5px;color:var(--chu-mo);margin-bottom:14px}
.bai-hoc h2{font-size:16px;color:var(--chu-dam);margin:18px 0 6px}
.bai-hoc p{font-size:14.5px;color:var(--chu-than);margin-bottom:10px;max-width:720px}
.video-lon{aspect-ratio:16/8;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:8px;position:relative;overflow:hidden;
  background:radial-gradient(90% 120% at 15% 15%,rgba(96,165,250,.35) 0%,transparent 60%),radial-gradient(90% 100% at 90% 90%,#1D4ED8 0%,transparent 60%),linear-gradient(135deg,#1E3A8A,#2563EB)}
.video-lon .choi{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--xanh-dam);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.video-lon .ten-vd{font-weight:700;font-size:14px}
.video-lon .thoi-luong{position:absolute;right:12px;bottom:10px;background:rgba(15,23,42,.7);padding:2px 8px;border-radius:6px;font-size:12px}
.mau-qt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 12px;max-width:720px}
.mau-qt>div{border:1px solid var(--xanh-vien);background:var(--xanh-nhat);border-radius:10px;padding:10px;font-size:12.5px;color:var(--chu-than)}
.mau-qt b{display:block;color:var(--xanh-dam);font-size:13px}
.mau-qt-chu{font-size:12px;color:var(--chu-mo);margin-top:-6px;margin-bottom:12px}
.hop-gia-tri{border:2px solid var(--xanh);border-radius:13px;padding:14px}
.hop-gia-tri .bat-buoc{color:var(--do);font-size:12px;font-weight:800}
.hop-gia-tri label{display:block;font-size:14px;font-weight:700;color:var(--chu-dam);margin-bottom:4px}
.giai-3{font-size:12px;color:var(--chu-mo);margin-bottom:6px;line-height:1.45}
.giai-3 b{color:var(--chu-than)}
.khoa-sau{font-size:12px;color:var(--chu-mo);margin-top:8px}
@media (max-width:640px){.mau-qt{grid-template-columns:repeat(2,minmax(0,1fr))}.bai-hoc{padding:16px}}

/* ---- Màn 4 · Setup coach (khuôn trang cài đặt menu trái nền trắng) ---- */
.cai-dat{display:grid;grid-template-columns:260px minmax(0,1fr);height:100%;max-width:1240px;margin:0 auto;background:var(--the);border-left:1px solid var(--vien);border-right:1px solid var(--vien)}
.cai-dat .menu{border-right:1px solid var(--vien);padding:16px 12px;overflow-y:auto}
.cai-dat .menu .ct{padding:4px 10px 12px;border-bottom:1px solid var(--vien);margin-bottom:10px}
.cai-dat .menu .ct b{display:block;font-size:14px;color:var(--chu-dam);overflow-wrap:anywhere}
.cai-dat .menu .ct small{font-size:12px;color:var(--chu-mo)}
.cai-dat .menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 10px;border:0;border-radius:9px;background:none;font-size:14px;color:var(--chu-than);text-align:left}
.cai-dat .menu button .so{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--vien);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;color:var(--chu-mo)}
.cai-dat .menu button[aria-current="page"]{background:var(--xanh-nhat);color:var(--xanh-dam);font-weight:700}
.cai-dat .menu button[aria-current="page"] .so{border-color:var(--xanh);color:var(--xanh-dam)}
.cai-dat .menu button.xong .so{background:var(--xanh-la);border-color:var(--xanh-la);color:#fff}
.cai-dat .than{overflow-y:auto;padding:20px 26px;min-width:0}
.cai-dat .than h1{font-size:20px;color:var(--chu-dam)}
.duong-dan{font-size:12.5px;color:var(--chu-mo);margin-bottom:2px}
.ngan[hidden]{display:none}
.truong{margin-bottom:16px}
.truong>label{display:block;font-size:14px;font-weight:700;color:var(--chu-dam);margin-bottom:4px}
.truong input[type=text],.truong input[type=number],.truong select,.truong textarea{width:100%;border:1px solid var(--vien);border-radius:9px;padding:0 12px;height:44px;font-size:14px;background:var(--the)}
.truong textarea{height:auto;min-height:76px;padding:10px 12px;resize:vertical}
.hai-cot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.loai-the{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.loai-the button{border:1.5px solid var(--vien);border-radius:12px;background:var(--the);padding:12px 14px;text-align:left;min-height:44px}
.loai-the button[aria-pressed="true"]{border-color:var(--xanh);background:var(--xanh-nhat)}
.loai-the b{display:block;font-size:14px;color:var(--chu-dam)}
.loai-the small{display:block;font-size:12px;color:var(--chu-mo);margin-top:2px}
.buoc-loai{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.buoc-loai span{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:7px;background:var(--nen);border:1px solid var(--vien);color:var(--chu-than)}
.khoi-soan{border:1px solid var(--vien);border-radius:12px;padding:14px 16px;margin-bottom:12px}
.khoi-soan .dau{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.khoi-soan .dau i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--xanh);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.khoi-soan .dau b{font-size:14.5px;color:var(--chu-dam);flex:1}
.khoi-soan .dau small{font-size:12px;color:var(--chu-mo)}
.thanh-soan{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}
.thanh-soan button{min-height:44px;min-width:44px;border:1px solid var(--vien);background:var(--the);border-radius:8px;font-size:13px;font-weight:700;padding:0 10px;color:var(--chu-than)}
.tl-dong{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--vien);font-size:13.5px}
.tl-dong .ico{flex:none;width:34px;height:34px;border-radius:8px;background:var(--xanh-nhat);color:var(--xanh-dam);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.tl-dong .chu{flex:1;min-width:0;overflow-wrap:anywhere}
.tl-dong small{display:block;font-size:12px;color:var(--chu-mo)}
.chan-luu{position:sticky;bottom:-20px;background:var(--the);border-top:1px solid var(--vien);padding:12px 0;margin-top:8px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;align-items:center}
.chan-luu .chu-nho{margin-right:auto}
@media (min-width:1100px){.cai-dat{height:100%}}
@media (max-width:1099px){.cai-dat{grid-template-columns:minmax(0,1fr);height:auto}.cai-dat .menu{border-right:0;border-bottom:1px solid var(--vien)}.hai-cot{grid-template-columns:minmax(0,1fr)}.chan-luu{position:static}}

/* ---- Cửa sổ Hướng dẫn (đóng 3 cách: nút X · bấm ra ngoài · Esc) ---- */
[data-hop]{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}
[data-hop][hidden]{display:none}
.cua-so{background:var(--the);border-radius:14px;max-width:640px;width:100%;max-height:85vh;overflow:auto;padding:22px 24px}
.cua-so-dau{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}
.cua-so-dau h3{font-size:18px;color:var(--chu-dam)}
.cua-so-dau [data-dong]{flex:none;width:44px;height:44px;border:0;background:var(--nen);border-radius:9px;font-size:16px;color:var(--chu-mo)}
.hd-dong{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--vien);font-size:13.5px}
.hd-dong b{color:var(--xanh-dam)}
.hd-dong p{color:var(--chu-than)}
.hd-mo{font-size:13.5px;color:var(--chu-than);margin-bottom:8px}
@media (max-width:560px){.hd-dong{grid-template-columns:minmax(0,1fr)}}
.muc-hq{display:flex;gap:6px;margin:6px 0 10px}
.muc-hq button{width:48px;height:44px;border-radius:9px;border:1px solid var(--vien);background:var(--the);font-weight:800}
.muc-hq button[aria-pressed="true"]{background:var(--xanh);color:#fff;border-color:var(--xanh)}
/* vòng 2 màn 1 (đo 1440: thẻ chặng bị cắt, chip đè chữ CHẶNG 2) */
.the-chang .bia{height:40px;padding:10px 14px}
.the-chang .chip.tren{align-self:flex-start}
.loi-chao{padding:16px 20px}
.loi-chao h1{font-size:21px;margin:0 0 4px}
.huong-ba{margin-top:10px;gap:8px}
.huong-ba>div{padding:8px 10px}
.thoi-han{margin-top:8px}
.radar svg{display:block}
.loi-chao .dau-man{margin:-6px 0 0}
@media (min-width:1100px){.man-3{padding:12px 16px}.viec-hom-nay{padding:10px 16px}}
/* vòng 2 màn 2: tên modul bị bóp, ô Nhận thức đúng hẹp */
.modul-dau{padding:10px 16px;row-gap:4px}
.modul-dau h1{flex:1 1 380px}
.tai-lieu a{min-height:44px}
.bon-o{grid-template-columns:minmax(0,1fr) 22px minmax(0,2.3fr) 22px minmax(0,1.45fr);padding:12px 16px}
.cap-dong-thoi>.hai{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.o-buoc .chip{white-space:normal;max-width:100%;height:auto;padding:3px 9px}
.cai-dat .menu button.nut-hd{border:1px solid var(--xanh-vien);background:var(--xanh-nhat);color:var(--xanh-dam);justify-content:center;font-weight:700}
/* khổ hẹp: đặt SAU các rule vòng 2 để không bị đè (đo 375 lần 1: 4 ô bị bóp 5 cột) */
@media (max-width:1099px){.bon-o{grid-template-columns:minmax(0,1fr)}.cot.giua{order:-1}}
@media (max-width:640px){.cap-dong-thoi>.hai{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1099px){.cot.giua{order:-2}.cot.len-som{order:-1}}
/* vòng soát 1 (kiem-soat-thiet-ke) */
.video-lon .ten-vd{padding:0 12px;text-align:center}
@media (max-width:640px){.ban-mau .tach{display:none}}
@media (max-width:600px){.khoi-soan .dau{flex-wrap:wrap}.khoi-soan .dau small{flex-basis:100%;padding-left:32px}}
.goi-y-duoi{display:none}
@media (min-width:1100px){
  .goi-y-duoi{display:flex;position:sticky;bottom:0;margin-top:-14px;justify-content:center;align-items:flex-end;height:56px;padding-bottom:6px;
    background:linear-gradient(180deg,rgba(248,247,245,0) 0%,var(--nen) 62%);pointer-events:none}
  .goi-y-duoi span{pointer-events:auto;background:var(--the);border:1px solid var(--xanh-vien);color:var(--xanh-dam);font-size:12px;font-weight:700;border-radius:999px;padding:4px 12px}
  .goi-y-duoi[hidden]{display:none}
}
/* soát vòng 2: nhãn gợi ý che dòng cuối hộp lùi ngày — thấp lại 40px, chỉ còn viên nhãn */
@media (min-width:1100px){.goi-y-duoi{height:40px;margin-top:-14px;padding-bottom:4px;background:linear-gradient(180deg,rgba(248,247,245,0) 0%,var(--nen) 45%)}}

/* THÊM cho bản chạy thật (không có trong phác thảo v2.css): trang đăng nhập / đặt mật khẩu, ô Điểm A, nút đăng xuất.
   Cùng biến màu của v2.css — tông #2563EB, không vàng. */
.form-dang-xuat{display:inline-flex;margin:0}
.form-dang-xuat .nut-tron{cursor:pointer;font-size:17px}
.truong-diem{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--vien)}
.truong-diem label{font-size:12.5px;color:var(--chu-than);overflow-wrap:anywhere}
.truong-diem select,.ba-duoi select{min-height:44px;border:1px solid var(--vien);border-radius:9px;background:var(--the);padding:0 8px}
.ba-duoi label{display:block;margin-top:4px}
.o-buoc .o-viet{min-height:64px}
body.trang-vao{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--nen)}
.hop-vao{width:100%;max-width:400px;padding:28px 26px;display:flex;flex-direction:column;gap:10px}
.hop-vao .logo{margin-bottom:4px}
.hop-vao h1{font-size:22px;color:var(--chu-dam)}
.hop-vao form{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.hop-vao label{font-size:14px;font-weight:700;color:var(--chu-dam)}
.hop-vao input{min-height:44px;border:1px solid var(--vien);border-radius:9px;padding:0 12px;font-size:15px;background:var(--the)}
.hop-vao .nut{margin-top:8px}
.loi-vao{background:var(--do-nhat);border:1px solid var(--do-vien);color:var(--do);border-radius:9px;padding:8px 12px;font-size:13.5px}