/* KHUNG GIAO DIỆN dulich.thorbiz.com (gói 3c, việc sổ 20261103-17) — LẤY NGUYÊN phac-thao/khung.css (Sếp duyệt 03/11).
 * Phần 1: khung cộng đồng (đầu trang, hàng tab, dải trái, dải BẢN MẪU, cửa sổ, hộp Hướng dẫn). Phần 2 (.dl): kiểu chung của mô-đun tour.
 * Phần 3 (cuối tệp): thêm của mã thật — cửa sổ nhỏ chuông, menu ảnh đại diện, menu tên nhóm, menu dải BẢN MẪU, khối "đang được dựng".
 * Sửa màu/cỡ ở đây; gói 4/5 thêm kiểu riêng ở khach.css / hdv.css / quan-tri.css, không sửa tệp này.
 */
:root{
  --xanh:#2563EB; --xanh-dam:#1D4ED8; --xanh-nhat:#EFF4FE; --xanh-vien:#BFD3F8;
  --vang:#8A6508; --vang-nhat:#FDF6E3; --vang-vien:#E7D9A8;
  --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;
  --xam-nut:#F3F4F6;
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none !important}
html,body{height:100%}
body{background:var(--nen);color:var(--chu);font:15px/1.55 "Segoe UI",Roboto,Arial,system-ui,sans-serif;
  display:flex;flex-direction:column;overflow:hidden}
a{color:var(--xanh);text-decoration:none}
button{font:inherit;cursor:pointer}
.khung{max-width:1080px;margin:0 auto;padding:0 16px;width:100%}

/* --- dải BẢN MẪU (chỉ ở cộng đồng mẫu dulich.thorbiz.com, bỏ khi gắn vào cộng đồng khách) --- */
.dai-mau{flex:none;background:#33415A;color:#fff;font-size:12.5px;display:flex;gap:6px 18px;align-items:center;
  flex-wrap:wrap;padding:5px 16px;min-height:34px}
.dai-mau b{white-space:nowrap;flex:none;letter-spacing:.06em;background:#fff;color:#33415A;border-radius:5px;padding:1px 7px;font-size:12px}
.dai-mau .chon-mau{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.45);border-radius:6px;padding:1px 8px}
.dai-mau .phai{margin-left:auto}
@media(max-width:600px){.dai-mau{flex-wrap:wrap;gap:4px 8px;padding:5px 10px}.dai-mau .rong{display:none}.dai-mau .chon-mau{white-space:normal;font-size:12px;min-width:0;line-height:20px;padding:2px 8px}}

/* --- dải trái mini (Skool) --- */
.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);border:1px solid var(--vien);font-size:18px}
.dai-trai .vach{width:26px;height:1px;background:var(--vien)}
.o-nhom{background:linear-gradient(135deg,#0E7490 0%,var(--xanh-dam) 100%)}
@media (min-width:1100px){ body{padding-left:60px} }
@media (max-width:1099px){ .dai-trai{display:none} }

/* --- đầu trang --- */
header{flex:none;background:var(--the);border-bottom:1px solid var(--vien)}
.thanh{display:flex;align-items:center;gap:14px;min-height:60px;padding:8px 16px;max-width:1280px;margin:0 auto}
.logo{width:36px;height:36px;border-radius:9px;flex:none;color:#fff;font-weight:800;font-size:15px;
  display:flex;align-items:center;justify-content:center}
.ten-nhom{font-weight:700;font-size:16px;color:var(--chu);white-space:nowrap}
.ten-nhom .mui{color:var(--chu-nhat);font-size:11px;margin-left:4px}
.tim{position:relative;flex:0 1 692px;min-width:0;margin:0 auto}
.tim input{display:block;width:100%;height:48px;border:0;border-radius:10px;background:var(--nen-tim);
  padding:0 16px 0 44px;font:inherit;font-size:16px;color:var(--chu)}
.tim input::placeholder{color:var(--chu-tim)}
.tim svg{position:absolute;left:16px;top:15px;width:18px;height:18px;color:var(--chu-tim)}
.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-than);
  display:flex;align-items:center;justify-content:center;position:relative}
.nut-tron svg{width:17px;height:17px}
.so-do{position:absolute;top:2px;right:2px;min-width:17px;height:17px;border-radius:9px;background:var(--do);color:#fff;
  font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}
.avatar{width:38px;height:38px;border-radius:50%;flex:none;color:#fff;font-weight:700;font-size:14px;
  display:flex;align-items:center;justify-content:center;position:relative}
.cap{position:absolute;bottom:-4px;right:-4px;min-width:18px;height:18px;padding:0 3px;border-radius:9px;background:var(--vang);
  color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
nav{flex:none;background:var(--the);border-bottom:1px solid var(--vien)}
.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;justify-content:center}
.tabs a{font-size:14.5px;font-weight:600;color:var(--chu-mo);padding:13px 14px;border-bottom:3px solid transparent;white-space:nowrap}
.tabs a.chon{color:var(--chu-dam);font-weight:700;border-bottom-color:var(--chu-dam)}
@media(max-width:768px){
  .thanh{flex-wrap:wrap;gap:10px;padding:8px 12px}
  .tim{order:9;flex:1 1 100%;margin:0}
  .tim input{height:44px}
  .cong-cu{margin-left:auto}
  .tabs{justify-content:flex-start}
}
.the-trang{background:var(--the);border:1px solid var(--vien);border-radius:12px}

/* ================= PHẦN 2 — MÔ-ĐUN TOUR (.dl) ================= */
.dl{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.dl .khung{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:14px;padding-bottom:14px}
.dl .hang-dau{flex:none;display:flex;align-items:center;gap:12px;margin-bottom:12px;min-height:44px}
.dl .lui{font-weight:700;font-size:14.5px;display:inline-flex;align-items:center;min-height:44px}
.dl .nut-hd{margin-left:auto;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--xanh-vien);
  background:var(--xanh-nhat);color:var(--xanh-dam);font-weight:700;font-size:14px}
.dl .luoi{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,650px) 300px;gap:24px;justify-content:center}
.dl .cot{min-height:0;display:flex;flex-direction:column;gap:14px}
.dl .cot>.the-trang{min-height:0}
.dl .gian{flex:1;min-height:0;display:flex;flex-direction:column}
.dl .cuon{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}
.dl h1{font-size:21px;line-height:1.3;color:var(--chu-dam);overflow-wrap:anywhere}
.dl h2{font-size:16px;color:var(--chu-dam)}
.dl h3{font-size:14.5px;color:var(--chu-dam)}
.dl .nhan-khoi{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--chu-than)}
.dl .phu{color:var(--chu-mo);font-size:13.5px}
.dl .nho{font-size:12.5px;color:var(--chu-mo)}
.dl .dong-ke{border-top:1px solid var(--vien)}
.dl .dem{padding:14px 16px}
.dl .sao{color:var(--vang);letter-spacing:1px}
.dl .sao .tat{color:#6B7480}

/* nút */
.dl .nut{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:10px;
  font-weight:700;font-size:14.5px;border:1px solid transparent;white-space:nowrap}
.dl .nut-chinh{background:var(--xanh);color:#fff}
.dl .nut-vien{background:var(--the);color:var(--chu);border-color:#D5DBE5}
.dl .nut-nhat{background:var(--xanh-nhat);color:var(--xanh-dam);border-color:var(--xanh-vien)}
.dl .nut-do{background:var(--do);color:#fff}
.dl .nut-tat{background:#E5E7EB;color:#5B6472;cursor:not-allowed}
.dl .nut-rong{width:100%}
.dl .nut-hoa{text-transform:uppercase;letter-spacing:.04em;font-size:13.5px}

/* nhãn trạng thái */
.dl .chip{display:inline-flex;align-items:center;gap:4px;border-radius:6px;padding:1px 8px;font-size:12.5px;font-weight:700;
  border:1px solid var(--vien);background:var(--the);color:var(--chu-than);white-space:nowrap}
.dl .chip.xanh{background:var(--xanh-nhat);border-color:var(--xanh-vien);color:var(--xanh-dam)}
.dl .chip.la{background:var(--xanh-la-nhat);border-color:var(--xanh-la-vien);color:var(--xanh-la)}
.dl .chip.do{background:var(--do-nhat);border-color:var(--do-vien);color:var(--do)}
.dl .chip.xam{background:#F1F3F6;color:#4A5565}
.dl a.chip,.dl button.chip{min-height:44px;padding:0 12px;display:inline-flex;align-items:center}
.dl .chip.toi{background:#33415A;border-color:#33415A;color:#fff}

/* tab trong khối */
.dl .tab-trong{flex:none;display:flex;gap:2px;border-bottom:1px solid var(--vien);overflow-x:auto;scrollbar-width:none;padding:0 8px}
.dl .tab-trong a{font-size:14px;font-weight:600;color:var(--chu-mo);padding:11px 12px;border-bottom:3px solid transparent;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.dl .tab-trong a.chon{color:var(--chu-dam);font-weight:700;border-bottom-color:var(--chu-dam)}
.dl .loc{display:flex;gap:8px;flex-wrap:wrap}
.dl .loc a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;border:1px solid #D5DBE5;
  color:var(--chu-than);font-size:14px;font-weight:600;background:var(--the)}
.dl .loc.ngang{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.dl .loc a{white-space:nowrap;gap:4px}
.dl .loc a.chon{background:#5F6670;border-color:#5F6670;color:#fff}

/* ô nhập + 3 dòng hướng dẫn */
.dl .o-nhap{width:100%;min-width:0;min-height:44px;border:1px solid #D5DBE5;border-radius:10px;background:var(--the);
  padding:0 12px;font:inherit;font-size:14.5px;color:var(--chu)}
.dl textarea.o-nhap{padding:10px 12px;min-height:84px;resize:vertical;line-height:1.5;overflow-wrap:anywhere}
.dl .ba-dong{margin-top:6px;font-size:12.5px;color:var(--chu-mo);line-height:1.5}
.dl .ba-dong b{color:var(--chu-than)}
.dl .tich{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;min-height:44px;padding:4px 0}
.dl .tich input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--xanh)}
.dl .buoc{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.dl .buoc .so{width:26px;height:26px;border-radius:50%;background:var(--xanh);color:#fff;font-weight:700;font-size:13px;
  display:flex;align-items:center;justify-content:center;flex:none}
.dl .dem-so{display:inline-flex;align-items:center;border:1px solid #D5DBE5;border-radius:10px;overflow:hidden}
.dl .dem-so button{width:44px;height:44px;border:0;background:var(--xam-nut);font-size:18px;color:var(--chu)}
.dl .dem-so span{width:44px;text-align:center;font-weight:700}

/* bìa tour (chủ tour tải ảnh thật; bản mẫu vẽ núi nhiều lớp) */
.dl .bia{position:relative;height:190px;border-radius:12px 12px 0 0;overflow:hidden;flex:none;
  background:linear-gradient(180deg,#BFD9F2 0%,#E7F0F8 55%,#F4F1EA 100%)}
.dl .bia svg{position:absolute;inset:0;width:100%;height:100%}
.dl .bia .nhan-anh{position:absolute;left:14px;bottom:12px;background:rgba(17,24,39,.72);color:#fff;font-size:12.5px;border-radius:6px;padding:2px 8px}
.dl .bia .nhan-mau{position:absolute;right:14px;top:12px;background:#fff;color:#33415A;font-size:12px;font-weight:800;letter-spacing:.06em;border-radius:6px;padding:2px 8px}

/* ô ngày (khuôn ô ngày Sự kiện) */
.dl .o-ngay{width:52px;height:52px;border-radius:10px;background:var(--xanh-nhat);color:var(--xanh-dam);flex:none;
  display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.dl .o-ngay b{font-size:19px}
.dl .o-ngay small{font-size:11px;font-weight:700}

/* cửa sổ bật lên */
.phu-mo{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:80;display:flex;align-items:center;justify-content:center;padding:24px}
.nen-sau{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:0}
.hop{position:relative;background:var(--the);border-radius:14px;box-shadow:0 24px 60px rgba(16,32,60,.28);
  display:flex;flex-direction:column;max-height:100%;width:100%;overflow:hidden}
.hop-dau{flex:none;display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--vien)}
.hop-dau h2{font-size:18px;color:var(--chu-dam);flex:1;min-width:0;overflow-wrap:anywhere}
.nut-vuong{width:44px;height:44px;border-radius:10px;border:0;background:var(--xam-nut);color:var(--chu-than);font-size:18px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;flex:none}
@media(max-width:600px){ .phu-mo{padding:10px} }

/* hộp Hướng dẫn */
dialog.hd{border:0;border-radius:14px;max-width:min(560px,calc(100vw - 24px));width:100%;padding:0;box-shadow:0 24px 60px rgba(16,32,60,.3);margin:auto;color:var(--chu)}
dialog.hd::backdrop{background:rgba(15,23,42,.45)}
dialog.hd .hd-than{padding:6px 20px 18px;font-size:14.5px;line-height:1.6;max-height:70vh;overflow:auto}
dialog.hd .hd-than p{margin:8px 0}
dialog.hd .hd-than b{color:var(--chu-dam)}

/* điện thoại */
@media(max-width:920px){
  .dl .luoi{grid-template-columns:minmax(0,1fr)}
  .dl .an-hep{display:none !important}
}
@media(min-width:921px){ .dl .chi-hep{display:none !important} }
@media(max-width:600px){
  .dl .khung{padding:10px 12px}
  .dl .hang-dau{margin-bottom:8px}
  .dl h1{font-size:18px}
  .dl .bia{height:128px}
}

/* vòng 2 */
.rong-ds{margin:12px 0;padding:22px 16px;border:1px dashed #C9D0DA;border-radius:12px;text-align:center;color:var(--chu-mo);font-size:14.5px;background:var(--the)}
.dl .thieu-dong{margin:0 0 8px;font-size:13.5px;font-weight:600;color:var(--do)}
.nut-dn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid #D5DBE5;background:var(--the);font-weight:700;color:var(--chu);font-size:14.5px}
.dl button.nut{font-family:inherit}
.dl .nut:disabled{cursor:not-allowed;background:#E5E7EB;color:#5B6472;border-color:#E5E7EB}

/* vòng 3 — M5: tên người gõ (tên khách, tên tour) dài, kể cả liền không dấu cách, bẻ dòng thay vì tràn */
.dl{overflow-wrap:break-word}
.dl [data-ten-dai],.dl h1,.dl h2,.dl h3,.dl td,.dl .giua,.dl .giua b,.dl .tt-don,.dl .tt-don b,.dl .muc-cho b,.dl .the-chuyen .tt b,.dl .cn,.dl .cn b,.dl blockquote,.dl .cn-cu{overflow-wrap:anywhere;min-width:0}

/* ================= PHẦN 3 — THÊM CỦA MÃ THẬT (gói 3c) ================= */
/* Khung hộp Quản trị + menu trái: chép nguyên đoạn khung của phac-thao/quan-tri.css (phần nội dung từng mục do gói 5 giữ ở quan-tri.css). */
.hop.qt{max-width:1072px;height:100%}
.hop.qt .hop-dau{padding:14px 20px}
.qt-than{flex:1;min-height:0;display:grid;grid-template-columns:232px minmax(0,1fr)}
.qt-menu-vo{min-height:0;display:flex;position:relative}
.qt-menu-vo .qt-menu{flex:1}
.con-muc{display:none}
.qt-menu{min-height:0;overflow-y:auto;border-right:1px solid var(--vien);padding:12px 14px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}
.qt-menu a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:10px;color:var(--chu);font-weight:600;font-size:15px}
.qt-menu a.chon{background:#DCE7FD;color:var(--xanh-dam)}
.qt-menu .nhom-menu{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--chu-mo);padding:12px 14px 4px}
.qt-menu .dem-mn{margin-left:auto;min-width:22px;height:22px;border-radius:11px;background:var(--xanh);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.qt-nd{min-height:0;display:flex;flex-direction:column;padding:22px 28px 18px;overflow:hidden}
.qt-tieu-de{flex:none;display:flex;align-items:center;gap:12px}
.qt-tieu-de h2{font-size:20px;color:var(--chu-dam);flex:1}
.lk-hd{border:0;background:none;color:var(--xanh);font-weight:700;font-size:14.5px;min-height:44px;padding:0 4px}
.qt-mo-ta{flex:none;color:var(--chu-than);font-size:14.5px;margin:2px 0 12px}
@media(max-width:920px){
  .hop.qt{max-width:none}
  .qt-than{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .qt-menu{flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--vien);padding:8px 10px;scrollbar-width:none}
  .qt-menu a{white-space:nowrap;flex:none}
  .qt-menu .nhom-menu{display:none}
  .qt-menu{padding-right:48px}
  .con-muc{display:flex;position:absolute;right:0;top:0;bottom:1px;width:56px;align-items:center;justify-content:flex-end;padding-right:12px;font-size:24px;font-weight:800;color:var(--chu-than);background:linear-gradient(to right,rgba(255,255,255,0),#fff 55%);pointer-events:none}
  .qt-nd{padding:14px 14px 10px;overflow-y:auto}
}
/* Cửa sổ nhỏ bật tại chỗ (khuôn chuông / menu của cộng đồng): chuông, ảnh đại diện → Đăng xuất, tên nhóm ▼ → Quản trị tour, dải BẢN MẪU ▾ */
.dlk-mo{position:relative;display:inline-flex}
button.nut-tron,button.nut-avatar,button.ten-nhom,.dai-mau button.nut-chon-mau{font:inherit;cursor:pointer}
button.nut-tron{padding:0}
/* vùng bấm 44×44 quanh ảnh đại diện 38px (nhìn giữ như phác thảo) */
button.nut-avatar{border:0;padding:3px;margin:-3px;background:none;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
button.ten-nhom{border:0;background:none;padding:0;min-height:44px;display:inline-flex;align-items:center}
/* vùng bấm 44px cho nút trong dải BẢN MẪU; dải vẫn cao như phác thảo nhờ lề âm */
.dai-mau button.nut-chon-mau{background:none;border:0;color:#fff;padding:0;min-height:44px;margin:-6px 0;display:inline-flex;align-items:center}
.dlk-hop{position:absolute;top:calc(100% + 6px);right:0;z-index:90;min-width:240px;max-width:min(360px,calc(100vw - 20px));background:var(--the);color:var(--chu);
  border:1px solid var(--vien);border-radius:12px;box-shadow:0 16px 40px rgba(16,32,60,.2);padding:6px;display:flex;flex-direction:column;gap:2px;max-height:70vh;overflow-y:auto}
.dlk-hop.trai{left:0;right:auto}
.dlk-hop .dlk-tieu{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--chu-mo);padding:8px 10px 4px}
.dlk-hop a,.dlk-hop button{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;border-radius:8px;border:0;background:none;color:var(--chu);
  font:inherit;font-size:14px;text-align:left;width:100%;overflow-wrap:anywhere}
.dlk-hop a:hover,.dlk-hop button:hover,.dlk-hop .chon{background:var(--xanh-nhat);color:var(--xanh-dam)}
.dlk-hop .chua-doc{font-weight:700}
.dlk-hop .rong{padding:12px 10px;color:var(--chu-mo);font-size:14px}
.dlk-hop .nho{display:block;font-size:12px;color:var(--chu-mo)}
.dai-mau .dlk-hop{top:calc(100% + 4px)}
.dlk-dang-dung{margin:24px auto;max-width:560px;padding:22px 16px;border:1px dashed #C9D0DA;border-radius:12px;text-align:center;color:var(--chu-mo);font-size:14.5px;background:var(--the)}
.dlk-trang-loi{margin:40px auto;max-width:440px;padding:26px 28px;text-align:center}
.dlk-trang-loi h2{font-size:20px;color:var(--chu-dam);margin-bottom:8px}
.dlk-trang-loi p{color:var(--chu-mo);font-size:14.5px;margin-bottom:14px}
.thanh .cong-cu{margin-left:auto}
.thanh .ten-nhom{min-width:0;overflow:hidden;text-overflow:ellipsis}

/* SINH TỪ phác thảo đã duyệt 03/11 (khối <style> của từng màn, chép nguyên, gắn phạm vi [data-man]) — gói 4, việc sổ 20261103-18.
 * Sửa màu/cỡ của màn khách ở đây. Kiểu khung chung ở khung.css (gói 3c). */
.dl [data-man="trang-tour"] .tom{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:13.5px;color:var(--chu-mo)}
.dl [data-man="trang-tour"] .tom b{color:var(--chu-than)}
.dl [data-man="trang-tour"] .noi-bat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 4px}
.dl [data-man="trang-tour"] .noi-bat div{background:var(--nen);border:1px solid var(--vien);border-radius:10px;padding:10px 12px;font-size:13.5px}
.dl [data-man="trang-tour"] .noi-bat b{display:block;color:var(--chu-dam);font-size:14px}
.dl [data-man="trang-tour"] .ngay-lt{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--vien)}
.dl [data-man="trang-tour"] .ngay-lt .so-ngay{flex:none;width:64px;font-weight:800;color:var(--xanh-dam);font-size:13.5px}
.dl [data-man="trang-tour"] .ngay-lt p{font-size:14px;color:var(--chu)}
.dl [data-man="trang-tour"] .gom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:10px}
.dl [data-man="trang-tour"] .gom ul{list-style:none;font-size:13.5px;display:flex;flex-direction:column;gap:3px}
.dl [data-man="trang-tour"] .gom li::before{content:"✓ ";color:var(--xanh-la);font-weight:800}
.dl [data-man="trang-tour"] .gom .khong li::before{content:"✕ ";color:var(--do)}
.dl [data-man="trang-tour"] .chuyen{display:flex;gap:8px;align-items:center;padding:12px 14px;border-top:1px solid var(--vien)}
.dl [data-man="trang-tour"] .chuyen .giua{flex:1;min-width:0}
.dl [data-man="trang-tour"] .chuyen b{font-size:14px;color:var(--chu-dam);white-space:nowrap}
.dl [data-man="trang-tour"] .chuyen .nut{min-height:44px;padding:0 10px;font-size:13.5px;flex:none}
.dl [data-man="trang-tour"] .chuyen .giua .chip{margin-top:3px}
.dl [data-man="trang-tour"] .cn{padding:10px 0;border-top:1px solid var(--vien);font-size:13.5px}
.dl [data-man="trang-tour"] .thanh-day{flex:none;display:flex;align-items:center;gap:12px;background:var(--the);border-top:1px solid var(--vien);padding:10px 12px}
@media(max-width:600px){.dl [data-man="trang-tour"] .noi-bat{grid-template-columns:minmax(0,1fr)}
.dl [data-man="trang-tour"] .gom{grid-template-columns:minmax(0,1fr)}
}
.dl [data-man="cua-vao"] .tom{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:13.5px;color:var(--chu-mo)}
.dl [data-man="cua-vao"] .tom b{color:var(--chu-than)}
.dl [data-man="cua-vao"] .noi-bat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 4px}
.dl [data-man="cua-vao"] .noi-bat div{background:var(--nen);border:1px solid var(--vien);border-radius:10px;padding:10px 12px;font-size:13.5px}
.dl [data-man="cua-vao"] .noi-bat b{display:block;color:var(--chu-dam);font-size:14px}
.dl [data-man="cua-vao"] .ngay-lt{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--vien)}
.dl [data-man="cua-vao"] .ngay-lt .so-ngay{flex:none;width:64px;font-weight:800;color:var(--xanh-dam);font-size:13.5px}
.dl [data-man="cua-vao"] .ngay-lt p{font-size:14px;color:var(--chu)}
.dl [data-man="cua-vao"] .gom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:10px}
.dl [data-man="cua-vao"] .gom ul{list-style:none;font-size:13.5px;display:flex;flex-direction:column;gap:3px}
.dl [data-man="cua-vao"] .gom li::before{content:"✓ ";color:var(--xanh-la);font-weight:800}
.dl [data-man="cua-vao"] .gom .khong li::before{content:"✕ ";color:var(--do)}
.dl [data-man="cua-vao"] .chuyen{display:flex;gap:10px;align-items:center;padding:12px 14px;border-top:1px solid var(--vien)}
.dl [data-man="cua-vao"] .chuyen .giua{flex:1;min-width:0}
.dl [data-man="cua-vao"] .chuyen b{font-size:14px;color:var(--chu-dam);white-space:nowrap}
.dl [data-man="cua-vao"] .chuyen .nut{min-height:44px;padding:0 12px;font-size:13.5px;flex:none}
.dl [data-man="cua-vao"] .chuyen .giua .chip{margin-top:3px}
.dl [data-man="cua-vao"] .cn{padding:10px 0;border-top:1px solid var(--vien);font-size:13.5px}
.dl [data-man="cua-vao"] .thanh-day{flex:none;display:flex;align-items:center;gap:12px;background:var(--the);border-top:1px solid var(--vien);padding:10px 12px}
@media(max-width:600px){.dl [data-man="cua-vao"] .noi-bat{grid-template-columns:minmax(0,1fr)}
.dl [data-man="cua-vao"] .gom{grid-template-columns:minmax(0,1fr)}
}
.dl [data-man="cua-vao"] .vung-vao{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:6px 0 20px}
.dl [data-man="cua-vao"] .buoc-vao{list-style:none;display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:0 0 14px;max-width:900px}
.dl [data-man="cua-vao"] .buoc-vao li{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--chu-mo);padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--vien);background:var(--the)}
.dl [data-man="cua-vao"] .buoc-vao li i{font-style:normal;width:22px;height:22px;border-radius:50%;background:#E5E7EB;color:#4A5565;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
.dl [data-man="cua-vao"] .buoc-vao li.xong i{background:var(--xanh-la);color:#fff}
.dl [data-man="cua-vao"] .buoc-vao li.dang{border-color:var(--xanh);color:var(--xanh-dam);font-weight:700}
.dl [data-man="cua-vao"] .buoc-vao li.dang i{background:var(--xanh);color:#fff}
.dl [data-man="cua-vao"] .hop-vao{width:100%;max-width:440px;padding:26px 28px 22px;text-align:left}
.dl [data-man="cua-vao"] .hop-vao .dau-hop{display:flex;justify-content:center;margin-bottom:10px}
.dl [data-man="cua-vao"] .hop-vao .logo{width:52px;height:52px;font-size:19px;border-radius:12px}
.dl [data-man="cua-vao"] .hop-vao h2{text-align:center;font-size:22px;margin-bottom:4px}
.dl [data-man="cua-vao"] .hop-vao .ly-do{text-align:center;color:var(--chu-mo);font-size:14px;margin-bottom:14px}
.dl [data-man="cua-vao"] .hop-vao label.nhan{display:block;font-size:13.5px;font-weight:700;color:var(--chu-than);margin:10px 0 4px}
.dl [data-man="cua-vao"] .hop-vao .nut{margin-top:14px}
.dl [data-man="cua-vao"] .hop-vao .chan-hop{margin-top:14px;padding-top:12px;border-top:1px solid var(--vien);text-align:center;font-size:14px;color:var(--chu-mo)}
.dl [data-man="cua-vao"] .hop-vao .chan-hop a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.dl [data-man="cua-vao"] .bao-xanh{background:var(--xanh-nhat);border:1px solid var(--xanh-vien);border-radius:10px;padding:10px 12px;font-size:14px;margin:4px 0 6px}
.dl [data-man="cua-vao"] .gioi-nhom{display:flex;gap:10px;justify-content:center;font-size:13.5px;color:var(--chu-mo);margin:6px 0 4px}
@media(max-width:600px){.dl [data-man="cua-vao"] .hop-vao{padding:20px 16px 16px}
.dl [data-man="cua-vao"] .buoc-vao li span{display:none}
.dl [data-man="cua-vao"] .buoc-vao li.dang span{display:inline}
}
[data-man="dat"] .hop.dat{max-width:1000px;height:100%}
[data-man="dat"] .dat-than{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px}
[data-man="dat"] .dat-trai{min-height:0;overflow-y:auto;padding:16px 22px 22px;scrollbar-width:thin}
[data-man="dat"] .dat-phai{min-height:0;border-left:1px solid var(--vien);background:#FBFBFA;display:flex;flex-direction:column}
[data-man="dat"] .dat-phai .cuon-tt{flex:1;min-height:0;overflow-y:auto;padding:16px 20px}
[data-man="dat"] .dat-phai .day-nut{flex:none;padding:12px 20px 16px;border-top:1px solid var(--vien);background:var(--the)}
[data-man="dat"] .khoi-dat{border:1px solid var(--vien);border-radius:12px;padding:14px 16px;margin-bottom:12px;background:var(--the)}
[data-man="dat"] .chon-ngay{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
[data-man="dat"] .o-chon{border:1px solid #D5DBE5;border-radius:10px;padding:8px 10px;min-height:64px;background:var(--the);text-align:left}
[data-man="dat"] .o-chon b{display:block;font-size:14px;color:var(--chu-dam)}
[data-man="dat"] .o-chon small{display:block;font-size:12.5px;color:var(--chu-mo)}
[data-man="dat"] .o-chon.chon{border:2px solid var(--xanh);background:var(--xanh-nhat)}
[data-man="dat"] .o-chon.het{background:#F3F4F6;color:#5B6472}
[data-man="dat"] .hang-so{display:flex;align-items:center;gap:12px;padding:6px 0}
[data-man="dat"] .hang-so .ten{flex:1;min-width:0}
[data-man="dat"] .hang-so .ten b{display:block;font-size:14.5px}
[data-man="dat"] .nguoi-di{display:grid;grid-template-columns:28px minmax(0,1.4fr) minmax(0,1fr) 92px;gap:8px;align-items:center;padding:6px 0}
[data-man="dat"] .nguoi-di .stt{font-weight:700;color:var(--chu-mo);font-size:13.5px}
[data-man="dat"] .vi-voucher{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
[data-man="dat"] .ve{border:1px dashed var(--xanh-vien);background:var(--xanh-nhat);color:var(--xanh-dam);border-radius:10px;padding:8px 12px;font-size:13.5px;font-weight:700;min-height:44px;text-align:left}
[data-man="dat"] .ve.chon{border-style:solid;border-width:2px;border-color:var(--xanh)}
[data-man="dat"] .dong-tien{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:5px 0}
[data-man="dat"] .dong-tien.tong{border-top:1px solid var(--vien);margin-top:6px;padding-top:10px;font-size:16px;font-weight:800;color:var(--chu-dam)}
[data-man="dat"] .dong-tien .giam{color:var(--xanh-la);font-weight:700}
@media(max-width:920px){[data-man="dat"] .hop.dat{max-width:none}
[data-man="dat"] .dat-than{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
[data-man="dat"] .dat-phai{border-left:0;border-top:1px solid var(--vien)}
[data-man="dat"] .dat-phai .cuon-tt{display:none}
[data-man="dat"] .dat-trai{padding:12px 14px}
[data-man="dat"] .chon-ngay{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-man="dat"] .nguoi-di{grid-template-columns:22px minmax(0,1fr) 88px}
[data-man="dat"] .nguoi-di .o-sdt{grid-column:2 / span 2}
[data-man="dat"] .tt-hep{display:block !important}
[data-man="dat"] .day-nut .tt-hep{display:flex !important}
}
[data-man="dat"] .tt-hep{display:none}
[data-man="dat"] .sau-bam{list-style:none;counter-reset:b;margin-top:8px;display:flex;flex-direction:column;gap:8px}
[data-man="dat"] .sau-bam li{counter-increment:b;display:flex;gap:10px;font-size:13.5px;color:var(--chu-mo);align-items:flex-start}
[data-man="dat"] .sau-bam li::before{content:counter(b);flex:none;width:22px;height:22px;border-radius:50%;border:1px solid var(--xanh-vien);background:var(--xanh-nhat);color:var(--xanh-dam);font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}
[data-man="dat"] .sau-bam b{color:var(--chu-than)}
[data-man="dat"] .nguoi-di .chip{justify-self:start}
[data-man="giu-cho"] .hop.dat{max-width:1000px}
[data-man="giu-cho"] .giu-than{flex:1;min-height:0;overflow-y:auto;padding:18px 22px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-content:start}
[data-man="giu-cho"] .bang-giu{grid-column:1 / -1;display:flex;align-items:center;gap:16px;border:1px solid var(--xanh-vien);background:var(--xanh-nhat);border-radius:12px;padding:12px 16px}
[data-man="giu-cho"] .dong-ho{flex:none;width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--xanh) 0 98.5%,#D5E2FB 98.5% 100%);display:flex;align-items:center;justify-content:center}
[data-man="giu-cho"] .dong-ho span{width:52px;height:52px;border-radius:50%;background:var(--the);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;color:var(--xanh-dam)}
[data-man="giu-cho"] .dong-ho b{font-size:17px}
[data-man="giu-cho"] .dong-ho small{font-size:11px;font-weight:700}
[data-man="giu-cho"] .khoi-qr{border:1px solid var(--vien);border-radius:12px;padding:16px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}
[data-man="giu-cho"] .qr{width:220px;height:220px;border:1px solid var(--vien);border-radius:10px;padding:8px;position:relative;background:#fff}
[data-man="giu-cho"] .qr svg{width:100%;height:100%;display:block}
[data-man="giu-cho"] .qr .dau-mau{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);background:#fff;border:2px solid #33415A;color:#33415A;font-weight:800;font-size:12px;letter-spacing:.06em;padding:3px 8px;border-radius:6px;white-space:nowrap}
[data-man="giu-cho"] .tk{display:grid;grid-template-columns:120px minmax(0,1fr);gap:6px 10px;font-size:14px}
[data-man="giu-cho"] .tk dt{color:var(--chu-mo)}
[data-man="giu-cho"] .tk dd{font-weight:700;color:var(--chu-dam);overflow-wrap:anywhere}
[data-man="giu-cho"] .tk .tien{font-size:20px;color:var(--xanh-dam)}
[data-man="giu-cho"] .buoc-tiep{list-style:none;display:flex;flex-direction:column;gap:0}
[data-man="giu-cho"] .buoc-tiep li{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--vien);font-size:14px}
[data-man="giu-cho"] .buoc-tiep li:first-child{border-top:0}
[data-man="giu-cho"] .buoc-tiep .dau{flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
[data-man="giu-cho"] .buoc-tiep .xong{background:var(--xanh-la);color:#fff}
[data-man="giu-cho"] .buoc-tiep .dang{background:var(--xanh);color:#fff}
[data-man="giu-cho"] .buoc-tiep .cho{background:#E5E7EB;color:#4A5565}
@media(max-width:920px){[data-man="giu-cho"] .hop.dat{max-width:none;height:100%}
[data-man="giu-cho"] .giu-than{grid-template-columns:minmax(0,1fr);padding:12px 14px;gap:12px}
[data-man="giu-cho"] .khoi-qr{grid-template-columns:minmax(0,1fr);justify-items:center}
[data-man="giu-cho"] .qr{width:200px;height:200px}
[data-man="giu-cho"] .tk{width:100%;grid-template-columns:100px minmax(0,1fr)}
[data-man="giu-cho"] .bang-giu{padding:10px 12px;gap:12px}
}
.dl [data-man="chuyen-di"] .dau-don{flex:none;padding:14px 16px 10px}
.dl [data-man="chuyen-di"] .dau-don .chip{vertical-align:middle}
.dl [data-man="chuyen-di"] .lh-nhanh{flex:none;display:flex;align-items:center;gap:10px;margin:0 16px 10px;padding:8px 10px 8px 12px;border:1px solid var(--vien);border-radius:10px;background:var(--nen)}
.dl [data-man="chuyen-di"] .lh-nhanh .giua{flex:1;min-width:0;font-size:13.5px}
.dl [data-man="chuyen-di"] .lh-nhanh .nut{min-height:44px;padding:0 14px}
.dl [data-man="chuyen-di"] .muc h3{margin:14px 0 6px}
.dl [data-man="chuyen-di"] .muc h3:first-child{margin-top:0}
.dl [data-man="chuyen-di"] .luoi2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.dl [data-man="chuyen-di"] .o-tt{border:1px solid var(--vien);border-radius:10px;padding:10px 12px;font-size:14px}
.dl [data-man="chuyen-di"] .o-tt .nho{display:block}
.dl [data-man="chuyen-di"] .ng{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--vien);font-size:14px}
.dl [data-man="chuyen-di"] .ng:first-of-type{border-top:0}
.dl [data-man="chuyen-di"] .ng .giua{flex:1;min-width:0}
.dl [data-man="chuyen-di"] .viec{display:flex;align-items:center;gap:12px;border:1px solid var(--do-vien);background:var(--do-nhat);border-radius:10px;padding:10px 12px;margin-bottom:6px}
.dl [data-man="chuyen-di"] .viec .giua{flex:1;min-width:0;font-size:14px}
.dl [data-man="chuyen-di"] .thanh-tien{height:8px;border-radius:4px;background:#E5E9F0;overflow:hidden;margin:4px 0 8px}
.dl [data-man="chuyen-di"] .thanh-tien span{display:block;height:100%;background:var(--xanh)}
.dl [data-man="chuyen-di"] .kiem{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dl [data-man="chuyen-di"] .kiem h4{font-size:13.5px;color:var(--chu-than);margin-bottom:2px}
.dl [data-man="chuyen-di"] .kiem .tich{min-height:44px;font-size:13.5px}
.dl [data-man="chuyen-di"] .moc{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;padding:9px 0;border-top:1px solid var(--vien);font-size:14px}
.dl [data-man="chuyen-di"] .moc .gio{font-weight:800;color:var(--chu-dam)}
.dl [data-man="chuyen-di"] .moc .doi{display:inline-block;margin-top:4px}
.dl [data-man="chuyen-di"] .moc .hang-nut{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.dl [data-man="chuyen-di"] .moc .hang-nut .nut{min-height:44px;padding:0 12px;font-size:13.5px}
.dl [data-man="chuyen-di"] .ngay-dau{display:flex;align-items:baseline;gap:8px;margin:14px 0 2px}
.dl [data-man="chuyen-di"] .ngay-dau:first-child{margin-top:0}
.dl [data-man="chuyen-di"] .lh{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--vien);font-size:14px}
.dl [data-man="chuyen-di"] .lh:first-of-type{border-top:0}
.dl [data-man="chuyen-di"] .lh.dang{background:var(--xanh-nhat);border-radius:10px;padding:10px;border-top-color:transparent}
.dl [data-man="chuyen-di"] .lh .hai-nut{display:flex;gap:6px}
.dl [data-man="chuyen-di"] .lh .nut{min-height:44px;padding:0 12px;font-size:13.5px}
.dl [data-man="chuyen-di"] .the-kc{border:2px solid var(--do-vien);border-radius:12px;padding:12px 14px;margin-top:12px}
.dl [data-man="chuyen-di"] .so-kc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0}
.dl [data-man="chuyen-di"] .so-kc a{border:1px solid var(--do-vien);background:var(--do-nhat);color:var(--do);border-radius:10px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:16px;line-height:1.1}
.dl [data-man="chuyen-di"] .so-kc small{font-size:12px;font-weight:600}
.dl [data-man="chuyen-di"] .tb{padding:10px 0;border-top:1px solid var(--vien);font-size:13.5px}
.dl [data-man="chuyen-di"] .tb:first-of-type{border-top:0}
.dl [data-man="chuyen-di"] .tb.moi{background:var(--xanh-nhat);border-radius:10px;padding:10px;border-top-color:transparent;margin-bottom:6px}
.dl [data-man="chuyen-di"] .buoc-don{list-style:none;font-size:13.5px}
.dl [data-man="chuyen-di"] .buoc-don li{display:flex;gap:8px;padding:4px 0;color:var(--chu-mo)}
.dl [data-man="chuyen-di"] .buoc-don li.xong{color:var(--chu)}
.dl [data-man="chuyen-di"] .buoc-don li::before{content:"○";color:#9AA3B0;width:16px;flex:none}
.dl [data-man="chuyen-di"] .buoc-don li.xong::before{content:"✓";color:var(--xanh-la);font-weight:800}
@media(max-width:600px){.dl [data-man="chuyen-di"] .luoi2,.dl [data-man="chuyen-di"] .kiem{grid-template-columns:minmax(0,1fr)}
.dl [data-man="chuyen-di"] .lh{grid-template-columns:minmax(0,1fr) auto}
.dl [data-man="chuyen-di"] .lh .giai-doan{grid-column:1 / -1}
.dl [data-man="chuyen-di"] .lh-nhanh{margin:0 12px 8px}
.dl [data-man="chuyen-di"] .dau-don{padding:12px 12px 8px}
}
.dl [data-man="chuyen-di"] .bac-huy{list-style:none;margin:6px 0;display:flex;flex-direction:column;gap:4px;font-size:14px}
.dl [data-man="chuyen-di"] .bac-huy li{padding:6px 10px;border:1px solid var(--vien);border-radius:8px}
.dl [data-man="chuyen-di"] .bac-huy li.nay{border-color:var(--xanh-vien);background:var(--xanh-nhat)}
.dl [data-man="chuyen-di"] .hai-cot{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}
.dl [data-man="chuyen-di"] .cham-chung{display:flex;align-items:center;gap:12px;margin:8px 0 6px}
.dl [data-man="chuyen-di"] .sao.to{font-size:30px;letter-spacing:4px}
.dl [data-man="chuyen-di"] .cham{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:4px 0;border-top:1px solid var(--vien)}
.dl [data-man="chuyen-di"] .cham .sao{font-size:18px}
.dl [data-man="chuyen-di"] .phieu{border:1px solid var(--xanh-vien);background:var(--xanh-nhat);border-radius:10px;padding:10px 12px}
.dl [data-man="chuyen-di"] .phieu .buoc-don li{color:#4A5568}
.dl [data-man="chuyen-di"] .tich input[type=radio]{width:20px;height:20px;flex:none;accent-color:var(--xanh)}
@media(max-width:600px){.dl [data-man="chuyen-di"] .hai-cot{grid-template-columns:minmax(0,1fr)}
}
.dl [data-man="chuyen-di"] .tt-cn{display:flex;gap:12px;align-items:flex-start;border-radius:12px;padding:12px 14px;margin-bottom:12px;font-size:14px}
.dl [data-man="chuyen-di"] .tt-cn.nhan{border:1px solid var(--xanh-vien);background:var(--xanh-nhat)}
.dl [data-man="chuyen-di"] .tt-cn.dang{border:1px solid var(--xanh-la-vien);background:var(--xanh-la-nhat)}
.dl [data-man="chuyen-di"] .tt-cn .dau{width:26px;height:26px;border-radius:50%;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.dl [data-man="chuyen-di"] .tt-cn.nhan .dau{background:var(--xanh)}
.dl [data-man="chuyen-di"] .tt-cn.dang .dau{background:var(--xanh-la)}
.dl [data-man="chuyen-di"] .loi-nhan{border:1px solid var(--vien);border-radius:12px;padding:12px 14px;margin-bottom:12px;background:var(--the)}
.dl [data-man="chuyen-di"] .cuon h3{margin:16px 0 6px}
.dl [data-man="chuyen-di"] .cn-cu{border-left:3px solid var(--vien);background:var(--nen);border-radius:6px;padding:10px 12px;font-size:14.5px;margin:8px 0;overflow-wrap:anywhere}
.dl [data-man="khan-cap"] .dau-don{flex:none;padding:14px 16px 10px}
.dl [data-man="khan-cap"] .dau-don .chip{vertical-align:middle}
.dl [data-man="khan-cap"] .lh-nhanh{flex:none;display:flex;align-items:center;gap:10px;margin:0 16px 10px;padding:8px 10px 8px 12px;border:1px solid var(--vien);border-radius:10px;background:var(--nen)}
.dl [data-man="khan-cap"] .lh-nhanh .giua{flex:1;min-width:0;font-size:13.5px}
.dl [data-man="khan-cap"] .lh-nhanh .nut{min-height:44px;padding:0 14px}
.dl [data-man="khan-cap"] .muc h3{margin:14px 0 6px}
.dl [data-man="khan-cap"] .muc h3:first-child{margin-top:0}
.dl [data-man="khan-cap"] .luoi2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.dl [data-man="khan-cap"] .o-tt{border:1px solid var(--vien);border-radius:10px;padding:10px 12px;font-size:14px}
.dl [data-man="khan-cap"] .o-tt .nho{display:block}
.dl [data-man="khan-cap"] .ng{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--vien);font-size:14px}
.dl [data-man="khan-cap"] .ng:first-of-type{border-top:0}
.dl [data-man="khan-cap"] .ng .giua{flex:1;min-width:0}
.dl [data-man="khan-cap"] .viec{display:flex;align-items:center;gap:12px;border:1px solid var(--do-vien);background:var(--do-nhat);border-radius:10px;padding:10px 12px;margin-bottom:6px}
.dl [data-man="khan-cap"] .viec .giua{flex:1;min-width:0;font-size:14px}
.dl [data-man="khan-cap"] .thanh-tien{height:8px;border-radius:4px;background:#E5E9F0;overflow:hidden;margin:4px 0 8px}
.dl [data-man="khan-cap"] .thanh-tien span{display:block;height:100%;background:var(--xanh)}
.dl [data-man="khan-cap"] .kiem{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dl [data-man="khan-cap"] .kiem h4{font-size:13.5px;color:var(--chu-than);margin-bottom:2px}
.dl [data-man="khan-cap"] .kiem .tich{min-height:44px;font-size:13.5px}
.dl [data-man="khan-cap"] .moc{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;padding:9px 0;border-top:1px solid var(--vien);font-size:14px}
.dl [data-man="khan-cap"] .moc .gio{font-weight:800;color:var(--chu-dam)}
.dl [data-man="khan-cap"] .moc .doi{display:inline-block;margin-top:4px}
.dl [data-man="khan-cap"] .moc .hang-nut{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.dl [data-man="khan-cap"] .moc .hang-nut .nut{min-height:44px;padding:0 12px;font-size:13.5px}
.dl [data-man="khan-cap"] .ngay-dau{display:flex;align-items:baseline;gap:8px;margin:14px 0 2px}
.dl [data-man="khan-cap"] .ngay-dau:first-child{margin-top:0}
.dl [data-man="khan-cap"] .lh{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--vien);font-size:14px}
.dl [data-man="khan-cap"] .lh:first-of-type{border-top:0}
.dl [data-man="khan-cap"] .lh.dang{background:var(--xanh-nhat);border-radius:10px;padding:10px;border-top-color:transparent}
.dl [data-man="khan-cap"] .lh .hai-nut{display:flex;gap:6px}
.dl [data-man="khan-cap"] .lh .nut{min-height:44px;padding:0 12px;font-size:13.5px}
.dl [data-man="khan-cap"] .the-kc{border:2px solid var(--do-vien);border-radius:12px;padding:12px 14px;margin-top:12px}
.dl [data-man="khan-cap"] .so-kc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0}
.dl [data-man="khan-cap"] .so-kc a{border:1px solid var(--do-vien);background:var(--do-nhat);color:var(--do);border-radius:10px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:16px;line-height:1.1}
.dl [data-man="khan-cap"] .so-kc small{font-size:12px;font-weight:600}
.dl [data-man="khan-cap"] .tb{padding:10px 0;border-top:1px solid var(--vien);font-size:13.5px}
.dl [data-man="khan-cap"] .tb:first-of-type{border-top:0}
.dl [data-man="khan-cap"] .tb.moi{background:var(--xanh-nhat);border-radius:10px;padding:10px;border-top-color:transparent;margin-bottom:6px}
.dl [data-man="khan-cap"] .buoc-don{list-style:none;font-size:13.5px}
.dl [data-man="khan-cap"] .buoc-don li{display:flex;gap:8px;padding:4px 0;color:var(--chu-mo)}
.dl [data-man="khan-cap"] .buoc-don li.xong{color:var(--chu)}
.dl [data-man="khan-cap"] .buoc-don li::before{content:"○";color:#9AA3B0;width:16px;flex:none}
.dl [data-man="khan-cap"] .buoc-don li.xong::before{content:"✓";color:var(--xanh-la);font-weight:800}
@media(max-width:600px){.dl [data-man="khan-cap"] .luoi2,.dl [data-man="khan-cap"] .kiem{grid-template-columns:minmax(0,1fr)}
.dl [data-man="khan-cap"] .lh{grid-template-columns:minmax(0,1fr) auto}
.dl [data-man="khan-cap"] .lh .giai-doan{grid-column:1 / -1}
.dl [data-man="khan-cap"] .lh-nhanh{margin:0 12px 8px}
.dl [data-man="khan-cap"] .dau-don{padding:12px 12px 8px}
}
.dl [data-man="khan-cap"] .hai-cot{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}
.dl [data-man="khan-cap"] .cham-chung{display:flex;align-items:center;gap:12px;margin:8px 0 6px}
.dl [data-man="khan-cap"] .sao.to{font-size:30px;letter-spacing:4px}
.dl [data-man="khan-cap"] .cham{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:4px 0;border-top:1px solid var(--vien)}
.dl [data-man="khan-cap"] .cham .sao{font-size:18px}
.dl [data-man="khan-cap"] .phieu{border:1px solid var(--xanh-vien);background:var(--xanh-nhat);border-radius:10px;padding:10px 12px}
.dl [data-man="khan-cap"] .phieu .buoc-don li{color:#4A5568}
.dl [data-man="khan-cap"] .tich input[type=radio]{width:20px;height:20px;flex:none;accent-color:var(--xanh)}
@media(max-width:600px){.dl [data-man="khan-cap"] .hai-cot{grid-template-columns:minmax(0,1fr)}
}
.dl [data-man="khan-cap"] .bac-huy{list-style:none;margin:6px 0;display:flex;flex-direction:column;gap:4px;font-size:14px}
.dl [data-man="khan-cap"] .bac-huy li{padding:6px 10px;border:1px solid var(--vien);border-radius:8px}
.dl [data-man="khan-cap"] .bac-huy li.nay{border-color:var(--xanh-vien);background:var(--xanh-nhat)}
.dl [data-man="khan-cap"] .kc{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:minmax(0,650px) 300px;gap:24px;justify-content:center;align-content:start}
.dl [data-man="khan-cap"] .the-kc-to{border:2px solid var(--do-vien);border-radius:14px;background:var(--the);padding:18px}
.dl [data-man="khan-cap"] .goi-to{display:flex;align-items:center;gap:14px;width:100%;min-height:76px;border:0;border-radius:14px;background:var(--do);color:#fff;padding:12px 18px;text-align:left;margin-top:12px}
.dl [data-man="khan-cap"] .goi-to .bt{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:24px;flex:none}
.dl [data-man="khan-cap"] .goi-to b{display:block;font-size:20px}
.dl [data-man="khan-cap"] .goi-to small{font-size:14px;opacity:.95}
.dl [data-man="khan-cap"] .goi-phu{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;border:1px solid var(--do-vien);border-radius:12px;background:var(--do-nhat);color:var(--do);padding:8px 16px;margin-top:10px;font-weight:700;font-size:16px}
.dl [data-man="khan-cap"] .so-kc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.dl [data-man="khan-cap"] .so-kc a{border:1px solid var(--do-vien);background:var(--do-nhat);color:var(--do);border-radius:12px;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:24px;line-height:1.1}
.dl [data-man="khan-cap"] .so-kc small{font-size:13px;font-weight:700}
.dl [data-man="khan-cap"] .trang-thai-kc{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--xanh-la-vien);background:var(--xanh-la-nhat);border-radius:12px;padding:12px 14px;margin-top:14px;font-size:14px}
.dl [data-man="khan-cap"] .trang-thai-kc .dau{width:24px;height:24px;border-radius:50%;background:var(--xanh-la);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
@media(max-width:920px){.dl [data-man="khan-cap"] .kc{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){.dl [data-man="khan-cap"] .goi-to b{font-size:18px}
.dl [data-man="khan-cap"] .the-kc-to{padding:14px}
}

/* ---- thêm của mã thật (gói 4) ---- */
.dl [hidden]{display:none !important}
.dl [data-ten-dai],.dl .cn,.dl .cn-cu,.dl .tb,.dl .o-tt,.dl .ng .giua,.dl .lh,.dl .moc{overflow-wrap:anywhere;word-break:break-word}
.dl .dl-bao-nho{display:inline-block;margin-left:8px;font-size:13px;color:var(--chu-mo);overflow-wrap:anywhere}
.dl .sao-nut{border:0;background:transparent;color:#B45309;min-height:44px;min-width:36px;padding:0 2px;font-size:inherit;line-height:1;cursor:pointer}
.dl .sao-nut.tat{color:#C9CED6}
.dl .sao.to .sao-nut{font-size:30px}
.dl .cham .sao .sao-nut{font-size:20px}
.dl .nut-do{background:var(--do);color:#fff;border:0;border-radius:10px;min-height:44px;padding:0 16px;font-weight:800;cursor:pointer}
.dl .kc-nhanh{border-color:var(--do-vien);background:var(--do-nhat)}
.dl .dlv-bao,.dl .thieu-dong,.dl [data-dl-loi]{color:var(--do);font-size:13.5px;margin-top:6px;overflow-wrap:anywhere}
.dl a.goi-to,.dl a.goi-phu{text-decoration:none}
.dl .chon-ngay-doi{display:flex;flex-direction:column;gap:6px}
dialog.hd .hd-than .tich{min-height:44px}
dialog.hd .hd-than .o-nhap{width:100%}

/* SINH TỪ phác thảo đã duyệt 03/11 (khối <style> của từng màn, chép nguyên, gắn phạm vi [data-man]) — gói 4, việc sổ 20261103-18.
 * Sửa màu/cỡ của màn hướng dẫn viên ở đây. Kiểu khung chung ở khung.css (gói 3c). */
.dl [data-man="doan"] .dau-doan{flex:none;padding:14px 16px 10px}
.dl [data-man="doan"] .dem-dd{display:flex;align-items:baseline;gap:10px}
.dl [data-man="doan"] .dem-dd b{font-size:30px;color:var(--chu-dam);line-height:1;white-space:nowrap}
.dl [data-man="doan"] .thanh-tien{height:8px;border-radius:4px;background:#E5E9F0;overflow:hidden;margin:6px 0 4px}
.dl [data-man="doan"] .thanh-tien span{display:block;height:100%;background:var(--xanh-la)}
.dl [data-man="doan"] .luot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.dl [data-man="doan"] .luot select{max-width:320px}
.dl [data-man="doan"] .nhom-dd{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--chu-than);padding:12px 0 4px}
.dl [data-man="doan"] .nguoi{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--vien)}
.dl [data-man="doan"] .nguoi .giua{flex:1;min-width:0;font-size:14px}
.dl [data-man="doan"] .nguoi .giua b{color:var(--chu-dam)}
.dl [data-man="doan"] .nguoi.chua{background:var(--do-nhat);border-radius:10px;padding:8px 10px;border-top-color:transparent;margin-bottom:6px}
.dl [data-man="doan"] .nguoi .nut{min-height:44px;padding:0 14px;font-size:14px}
.dl [data-man="doan"] .da-toi{background:var(--xanh-la-nhat);border-color:var(--xanh-la-vien);color:var(--xanh-la)}
.dl [data-man="doan"] .day-kh{flex:none;display:flex;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid var(--vien);background:#FBFBFA}
.dl [data-man="doan"] .day-kh .nho{flex:1;min-width:0}
.dl [data-man="doan"] .bang{width:100%;border-collapse:collapse;font-size:13.5px}
.dl [data-man="doan"] .bang th{text-align:left;font-size:12.5px;color:var(--chu-mo);font-weight:700;padding:8px 6px;border-bottom:1px solid var(--vien);position:sticky;top:0;background:var(--the)}
.dl [data-man="doan"] .bang td{padding:8px 6px;border-bottom:1px solid var(--vien);vertical-align:top;overflow-wrap:anywhere}
.dl [data-man="doan"] .bang tr.thieu td{background:var(--do-nhat)}
.dl [data-man="doan"] .bang td b{color:var(--chu-dam)}
.dl [data-man="doan"] .sk{color:var(--chu-than)}
.dl [data-man="doan"] .the-ben .dong{display:flex;justify-content:space-between;gap:8px;font-size:14px;padding:5px 0;border-top:1px solid var(--vien)}
.dl [data-man="doan"] .the-ben .dong:first-of-type{border-top:0}
@media(max-width:600px){.dl [data-man="doan"] .bang thead{display:none}
.dl [data-man="doan"] .bang,.dl [data-man="doan"] .bang tbody,.dl [data-man="doan"] .bang tr,.dl [data-man="doan"] .bang td{display:block;width:100%}
.dl [data-man="doan"] .bang tr{border-bottom:1px solid var(--vien);padding:8px 0}
.dl [data-man="doan"] .bang td{border:0;padding:1px 0}
.dl [data-man="doan"] .bang td[data-n]::before{content:attr(data-n) ": ";color:var(--chu-mo);font-size:12.5px}
.dl [data-man="doan"] .dau-doan{padding:12px 12px 8px}
.dl [data-man="doan"] .day-kh{padding:10px 12px}
}

/* ---- thêm của mã thật (gói 6) ---- */
.dl [data-man="doan"] .nguoi .giua{overflow-wrap:anywhere}
.dl [data-man="doan"] .nguoi button.nut{cursor:pointer}
.dl [data-man="doan"] .nguoi textarea,.dl [data-man="doan"] [data-dl-form] .o-nhap{width:100%}
.dl [data-man="doan"] [data-dl-form]{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}

/* quan-tri.css — GÓI 5 dulich.thorbiz.com (việc sổ 20261103-19). NGUYÊN phac-thao/quan-tri.css + <style> của 4-quan-tri-tien-muon, 4-quan-tri-cam-nhan, 4-quan-tri-nhac-han (đã duyệt), thêm vài dòng cho hộp nhỏ của khuôn (cuối tệp). */
/* Khung hộp Quản trị — chép theo hộp Cài đặt nhóm của cộng đồng (ảnh thật bai-thu\anh-su-kien-lo1\1a-qt-su-kien-1440.png):
 * hộp trắng giữa màn, đầu hộp logo + tên + X, menu dọc trái ~230px, nội dung bên phải, nút viền chữ hoa. */
.hop.qt{max-width:1072px;height:100%}
.hop.qt .hop-dau{padding:14px 20px}
.qt-than{flex:1;min-height:0;display:grid;grid-template-columns:232px minmax(0,1fr)}
.qt-menu-vo{min-height:0;display:flex;position:relative}
.qt-menu-vo .qt-menu{flex:1}
.con-muc{display:none}
.qt-menu{min-height:0;overflow-y:auto;border-right:1px solid var(--vien);padding:12px 14px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}
.qt-menu a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:10px;color:var(--chu);font-weight:600;font-size:15px}
.qt-menu a.chon{background:#DCE7FD;color:var(--xanh-dam)}
.qt-menu .nhom-menu{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--chu-mo);padding:12px 14px 4px}
.qt-menu .dem-mn{margin-left:auto;min-width:22px;height:22px;border-radius:11px;background:var(--xanh);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.qt-nd{min-height:0;display:flex;flex-direction:column;padding:22px 28px 18px;overflow:hidden}
.qt-tieu-de{flex:none;display:flex;align-items:center;gap:12px}
.qt-tieu-de h2{font-size:20px;color:var(--chu-dam);flex:1}
.lk-hd{border:0;background:none;color:var(--xanh);font-weight:700;font-size:14.5px;min-height:44px;padding:0 4px}
.qt-mo-ta{flex:none;color:var(--chu-than);font-size:14.5px;margin:2px 0 12px}
.hang-chuyen{flex:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.the-chuyen{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid var(--vien);background:var(--the);border-radius:12px;padding:10px;min-height:76px}
.the-chuyen.chon{border:2px solid var(--xanh);padding:9px}
.the-chuyen .tt{display:flex;flex-direction:column;gap:2px;min-width:0}
.the-chuyen .tt b{font-size:14px;color:var(--chu-dam)}
.the-chuyen .chip{align-self:flex-start}
.do-chu{color:var(--do) !important;font-weight:600}
.dai-chuyen{flex:none;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--nen);border:1px solid var(--vien)}
.so-chuyen{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;color:var(--chu-than)}
.so-chuyen b{color:var(--chu-dam)}
.nut-chuyen{display:flex;gap:8px;flex-wrap:wrap}
.nut-chuyen .nut{min-height:44px;padding:0 14px}
.ds-don{flex:1;min-height:0;overflow-y:auto;border-top:1px solid var(--vien);margin-top:8px;scrollbar-width:thin}
.don{display:flex;gap:14px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--vien)}
.don.can{background:#FFFBFB}
.tt-don{flex:1;min-width:0;overflow-wrap:anywhere}
.tt-don b{overflow-wrap:anywhere}
.tt-don b{font-size:14.5px;color:var(--chu-dam)}
.tt-don .chips{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 2px}
.tt-don .nho{display:block}
.viec-don{display:flex;gap:8px;flex:none}
.viec-don .nut{min-height:44px;padding:0 16px}
@media(max-width:920px){
  .hop.qt{max-width:none}
  .qt-than{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .qt-menu{flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--vien);padding:8px 10px;scrollbar-width:none}
  .qt-menu a{white-space:nowrap;flex:none}
  .qt-menu .nhom-menu{display:none}
  .qt-menu{padding-right:48px}
  .con-muc{display:flex;position:absolute;right:0;top:0;bottom:1px;width:56px;align-items:center;justify-content:flex-end;padding-right:12px;font-size:24px;font-weight:800;color:var(--chu-than);background:linear-gradient(to right,rgba(255,255,255,0),#fff 55%);pointer-events:none}
  .qt-nd{padding:14px 14px 10px;overflow-y:auto}
  .hang-chuyen{grid-auto-columns:200px;overflow-x:auto;scrollbar-width:none}
  .ds-don{flex:none;overflow:visible}
  .don{flex-direction:column;align-items:stretch}
  .viec-don .nut{flex:1}
}

/* vòng 2: 500 chuyến — hàng thẻ cuộn ngang trong khối, cả ở 1440 */
.hang-chuyen{grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);grid-template-columns:none;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
@media(max-width:920px){.hang-chuyen{grid-auto-columns:200px}}
.hang-chuyen>.rong-ds{grid-column:1 / -1;min-width:0}
.hang-chuyen:has(>.rong-ds){display:block}

/* ---- 4-quan-tri-tien-muon ---- */
.td-cuon{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}
.td-tt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.td-tt>div{border:1px solid var(--vien);border-radius:10px;padding:10px 12px;background:var(--nen);display:flex;flex-direction:column;gap:2px;font-size:14px}
.td-tt b{color:var(--chu-dam);font-size:15px}
.ba-cach{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cach{border:1px solid var(--vien);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}
.cach .buoc{margin:0}
.cach .nut{margin-top:auto}
@media(max-width:920px){.td-tt,.ba-cach{grid-template-columns:minmax(0,1fr)}.td-cuon{overflow:visible}.cach .nut{margin-top:4px}}

/* ---- 4-quan-tri-cam-nhan ---- */
.cn-luoi{flex:1;min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}
.hang-cho{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
.muc-cho{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;border:1px solid var(--vien);background:var(--the);border-radius:12px;padding:10px 12px}
.muc-cho.chon{border:2px solid var(--xanh);padding:9px 11px}
.muc-cho b{font-size:14.5px;color:var(--chu-dam)}
.cn-chi-tiet{min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--vien);border-radius:12px}
.cn-cuon{flex:1;min-height:0;overflow-y:auto;padding:14px 16px;scrollbar-width:thin}
.cn-chot{flex:none;border-top:1px solid var(--vien);background:#FBFBFA;padding:10px 16px 12px}
.cn-chot .buoc{margin-bottom:8px}
.cn-chot .ba-dong{margin-top:6px}
.cn-chi-tiet blockquote{margin:10px 0 8px;padding:10px 12px;background:var(--nen);border-left:3px solid var(--vien);border-radius:6px;font-size:14.5px;overflow-wrap:anywhere}
.tung-phan{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;color:var(--chu-than)}
.viec-cn{border-top:1px solid var(--vien);margin-top:12px;padding-top:12px}
.viec-cn .buoc{margin-bottom:8px}
.gan{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}
@media(max-width:920px){.cn-luoi{grid-template-columns:minmax(0,1fr);flex:none}.hang-cho{flex-direction:row;overflow-x:auto;overflow-y:hidden}.muc-cho{flex:none;width:230px}.cn-chi-tiet,.cn-cuon{overflow:visible}}
.cn-luoi:has(.hang-cho>.rong-ds){display:block}

/* ---- 4-quan-tri-nhac-han ---- */
.ds-cd{flex:1;min-height:0;overflow-y:auto;border-top:1px solid var(--vien);scrollbar-width:thin}
.nhom-cd{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--chu-than);padding:14px 0 4px}
.o-cd{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;align-items:center;padding:10px 10px;border-bottom:1px solid var(--vien)}
.o-cd-chu b{font-size:14.5px;color:var(--chu-dam)}
.o-cd-chu .ba-dong{margin-top:2px}
.o-cd-so{display:grid;grid-template-columns:84px auto;gap:2px 8px;align-items:center;font-size:14px;color:var(--chu-than)}
.o-cd-so small{grid-column:1 / -1}
.o-cd-so.ba{grid-template-columns:repeat(3,minmax(0,1fr))}
.cong-tac-vo{grid-column:1 / -1;display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.cong-tac-vo input{position:absolute;opacity:0;width:1px;height:1px}
.cong-tac-vo input:focus-visible+.cong-tac{outline:2px solid var(--xanh);outline-offset:2px}
.cong-tac{width:52px;height:30px;border-radius:15px;background:#8A93A0;position:relative;display:inline-block}
.cong-tac-vo input:checked+.cong-tac{background:var(--xanh)}.cong-tac-vo input:checked+.cong-tac i{left:25px}
.o-cd.da-doi{background:var(--xanh-nhat);box-shadow:inset 3px 0 0 var(--xanh)}
.cong-tac i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.cong-tac.bat{background:var(--xanh)}.cong-tac.bat i{left:25px}
.day-luu{flex:none;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--vien)}
@media(max-width:920px){.o-cd{grid-template-columns:minmax(0,1fr);gap:8px}.ds-cd{flex:none;overflow:visible}.day-luu{position:sticky;bottom:-10px;background:var(--the);padding-bottom:6px}}


/* ---- thêm của gói 5 (khuôn có sẵn, không màn mới) ---- */
.qt-dong-nut{flex:none;display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin:0 0 12px}
.qt-dong-nut>.nut{flex:none}
.qt-crm{flex:1;min-width:0;margin:0;border:1px solid var(--vien);border-radius:10px;background:var(--nen);padding:0 12px}
.qt-crm summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600;color:var(--chu-than);font-size:13.5px;overflow-wrap:anywhere}
.qt-crm p{margin:0 0 10px;font-size:13.5px;line-height:1.5;color:var(--chu-than);overflow-wrap:anywhere}
.qt-h2{font-size:20px;color:var(--chu-dam);overflow-wrap:anywhere}
.qt-h3{font-size:15px;color:var(--chu-dam);margin:14px 0 4px}
.ds-nguoi-don .don{padding:8px 4px}
.dl a.the-chuyen{color:inherit;text-decoration:none}
.dl a.muc-cho{color:inherit;text-decoration:none}
.muc-dang .cn-trich{margin:4px 0 0;font-size:14px;color:var(--chu-than);overflow-wrap:anywhere}
.dl .gan button.chip{cursor:pointer;font-family:inherit}
dialog.qt-hop .qt-o{display:flex;flex-direction:column;gap:6px;margin:10px 0}
dialog.qt-hop .qt-o b{font-size:14px;color:var(--chu-dam)}
dialog.qt-hop fieldset.qt-o{border:0;padding:0}
dialog.qt-hop .qt-chon{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
dialog.qt-hop .qt-chon input{width:20px;height:20px}
dialog.qt-hop .qt-hop-nut{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
dialog.qt-hop .o-nhap{width:100%;min-height:44px;border:1px solid #D5DBE5;border-radius:10px;padding:0 12px;font:inherit}
dialog.qt-hop textarea.o-nhap{padding:10px 12px;min-height:96px}
dialog.qt-hop .nut{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid transparent;font-weight:700;font-family:inherit;cursor:pointer}
dialog.qt-hop .nut-chinh{background:var(--xanh);color:#fff}
dialog.qt-hop .nut-vien{background:var(--the);color:var(--chu);border-color:#D5DBE5}
dialog.qt-hop .nut-hoa{text-transform:uppercase;letter-spacing:.04em;font-size:13.5px}
dialog.qt-hop .ba-dong{margin-top:4px;font-size:12.5px;color:var(--chu-mo);line-height:1.5}
dialog.qt-hop .thieu-dong{margin:8px 0 0;font-size:13.5px;font-weight:600;color:var(--do)}
.qt-cap-vai{flex:none;display:grid;grid-template-columns:minmax(0,1fr) 200px auto;gap:10px;align-items:end;margin:0 0 6px}
.qt-cap-vai .qt-o{display:flex;flex-direction:column;gap:4px;font-size:14px}
.qt-cap-vai .thieu-dong{grid-column:1 / -1}
.o-cd-so .thieu-dong,.o-cd-chu .thieu-dong{margin:4px 0 0}
@media(max-width:920px){.qt-cap-vai{grid-template-columns:minmax(0,1fr)}.qt-dong-nut{flex-direction:column}.qt-dong-nut>.nut{width:100%}}
/* Trang nền đứng sau hộp Quản trị: hộp phủ kín màn, nên đầu trang + hàng tab của trang nền KHÔNG nhận bấm và không hiện
 * (trước đây nút chuông "Thông báo" và tab "Tour" của nền trùng chữ với mục ẨN của menu quản trị). main rỗng thì không chiếm chỗ. */
body:has(.phu-mo.dl .hop.qt)>header,body:has(.phu-mo.dl .hop.qt)>nav{visibility:hidden}
body:has(.phu-mo.dl .hop.qt)>main.dl:empty{display:none}