/* GenZ Crew — khu thành viên nhân viên (thanhconghpt.com/genzcoffee/crew). Dùng chung biến màu của genz.css. */
body.crew{background:var(--bg);min-height:100vh}
body.crew.co-tab{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
.ch{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.ch-in{max-width:1180px;margin:0 auto;padding:0 20px;height:62px;display:flex;align-items:center;gap:22px}
.ch-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 19px/1 var(--serif);flex:none}
.ch-logo b{color:var(--cta)}
.ch-nav{display:flex;gap:18px;flex:1}
.ch-nav a{text-decoration:none;font:600 14px/1 var(--sans);color:var(--muted);padding:21px 0;border-bottom:2px solid transparent}
.ch-nav a:hover,.ch-nav a[aria-current]{color:var(--ink);border-color:var(--brand)}
.ch-ql{margin-left:auto;background:var(--ink);color:#fff;border-radius:999px;padding:8px 14px;font:600 13px/1 var(--sans);text-decoration:none}
.ch-me{flex:none;display:block;border-radius:50%}
.cm{max-width:1180px;margin:0 auto;padding:22px 20px 40px}
.toast{max-width:1140px;margin:14px auto 0;background:#FFF4E6;border:1px solid #F3C99A;color:var(--ink);border-radius:var(--r-sm);padding:12px 16px;font-weight:500}
.crew h1{font-size:clamp(26px,3vw,34px)}
.crew h2{font-size:21px;margin-top:4px}
.khoi{background:var(--sheet);border-radius:var(--r-md);padding:22px;margin-bottom:18px;box-shadow:0 1px 2px rgba(43,27,18,.05)}
.khoi.hep{max-width:620px;margin-left:auto;margin-right:auto}
.khoi-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.khoi-hd h1,.khoi-hd h2{margin:0}
.khoi-hd a:not(.btn){font-weight:600;color:var(--cta);text-decoration:none}
.luoi2{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;align-items:start}
.rong{color:var(--muted);background:var(--bg);border-radius:var(--r-sm);padding:14px 16px;margin:6px 0}
.loi{background:#FDE8E4;color:#8A2111;border-radius:var(--r-sm);padding:10px 14px;font-weight:500}
.lui{display:inline-block;margin-bottom:10px;color:var(--muted);text-decoration:none;font-weight:500}
.btn-nho{min-height:40px;padding:0 16px;font-size:14px}
.btn[disabled]{background:#CDBFB3;border-color:#CDBFB3;cursor:not-allowed}
.hang-nut{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.hang-nut form{margin:0}
ul.gon{padding-left:20px;color:var(--muted)}
ul.gon li{margin:4px 0}

/* form */
.form{display:flex;flex-direction:column;gap:14px;margin:12px 0}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px;flex:1;min-width:0}
.form input:not([type=checkbox]):not([type=radio]):not([type=file]),.form select,.form textarea{font:400 16px/1.4 var(--sans);color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:11px 12px;width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(233,138,46,.2)}
.form .btn{align-self:flex-start}
.form.hang,.hang{display:flex;flex-direction:row;gap:12px;flex-wrap:wrap;align-items:flex-end}
.form.hang .btn{align-self:flex-end}
.chk{flex-direction:row!important;align-items:flex-start;font-weight:400!important;font-size:15px!important;gap:10px!important}
.chk input{width:20px;height:20px;margin-top:2px;accent-color:var(--cta);flex:none}
.chon-gt{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.chon-gt legend{font-weight:600;font-size:14px;margin-bottom:6px}
.chon-gt label{cursor:pointer}
.chon-gt input{position:absolute;opacity:0}
.chon-gt span{display:block;border:1.5px solid var(--line);border-radius:12px;padding:12px;font-weight:400;font-size:13px;color:var(--muted);background:#fff;height:100%}
.chon-gt b{display:block;font:700 16px/1.3 var(--serif);color:var(--ink);margin-bottom:2px}
.chon-gt input:checked+span{border-color:var(--cta);background:#FFF4E6;box-shadow:0 0 0 2px var(--cta) inset}
.chon-gt input:focus-visible+span{outline:3px solid var(--brand);outline-offset:2px}
.nguy{border-top:1px dashed var(--line);padding-top:14px}
.nguy .btn{background:#8A2111;border-color:#8A2111}

/* ảnh đại diện */
.av{border-radius:50%;object-fit:cover;flex:none;display:inline-block;background:var(--line)}
.av-chu{display:inline-grid;place-items:center;background:var(--brand);color:#fff;font-family:var(--serif);font-weight:700}

/* thẻ thành viên */
.the-tv{background:var(--dark);color:#F5EDE3;border-radius:var(--r-md);padding:22px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background-image:radial-gradient(circle at 100% 0,rgba(233,138,46,.35),transparent 55%)}
.tv-trai{display:flex;align-items:center;gap:16px;min-width:0}
.the-tv h1{color:#fff;margin:0 0 2px;font-size:clamp(22px,3vw,30px)}
.the-tv p{margin:0 0 8px;opacity:.85;font-size:14px}
.cap{display:inline-block;border-radius:999px;padding:4px 12px;font:600 12px/1.2 var(--serif);background:#fff;color:var(--ink)}
.cap-1{background:#FCEFD3}.cap-2{background:var(--brand);color:#fff}.cap-3{background:#111;color:#E9C46A;box-shadow:0 0 0 1px #E9C46A inset}
.tv-so{display:grid;grid-template-columns:repeat(3,auto);gap:10px}
.tv-so>div{background:rgba(255,255,255,.08);border-radius:14px;padding:10px 16px;text-align:center;min-width:96px}
.tv-so b{display:block;font:700 26px/1.1 var(--serif);color:#fff}
.tv-so span{font-size:12px;opacity:.8}
.ql-so{grid-template-columns:repeat(4,1fr);color:#F5EDE3;background:var(--dark);border-radius:var(--r-md);padding:14px;margin-bottom:18px}
.huy{display:flex;gap:10px}
.huy-o{background:rgba(255,255,255,.08);border-radius:14px;padding:10px 14px;text-align:center;min-width:88px}
.huy-o b{display:block;font:700 24px/1.1 var(--serif);color:#fff}
.huy-o span{font-size:12px;opacity:.85}
.gioi-thieu{font:600 18px/1.5 var(--serif);text-align:center;color:var(--muted);margin:0 0 14px}
.huy-hieu{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:18px}
.huy-hieu span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-weight:600;font-size:13px}
.bao{display:block;background:var(--cta);color:#fff;text-decoration:none;border-radius:var(--r-sm);padding:12px 16px;margin-bottom:18px;font-weight:500}

/* thẻ cảm ơn */
.the{background:#fff;border-radius:14px;padding:14px 16px;margin:10px 0;border-left:4px solid var(--brand)}
.the.gt-chan_thanh{border-color:#C4581A}.the.gt-sang_tao{border-color:#2F7D6D}.the.gt-ket_noi{border-color:#5B4BB7}
.the-hd{display:flex;align-items:center;gap:10px}
.the-ai{flex:1;min-width:0;font-size:14px;line-height:1.35}
.the-ai a{text-decoration:none}
.the-ai small{display:block;color:var(--muted);font-size:12px}
.the p{margin:8px 0 0;font-size:15px}
.gt{flex:none;border-radius:999px;padding:4px 10px;font:600 12px/1.2 var(--serif);background:#FFF4E6;color:#C4581A}
.gt-sang_tao .gt{background:#E6F3F0;color:#2F7D6D}.gt-ket_noi .gt{background:#EEEBFA;color:#5B4BB7}
.huy-o.gt-chan_thanh b{color:#F3B27A}.huy-o.gt-sang_tao b{color:#8FD3C3}.huy-o.gt-ket_noi b{color:#B8AEF0}

/* hoạt động */
.loai{display:inline-block;background:var(--ink);color:#fff;border-radius:999px;padding:3px 10px;font:600 11px/1.3 var(--serif)}
.diem{color:var(--cta);font:700 15px/1 var(--serif)}
.hd-dong{display:grid;grid-template-columns:auto 1fr auto;gap:4px 10px;align-items:center;text-decoration:none;background:#fff;border-radius:12px;padding:12px 14px;margin:8px 0}
.hd-dong small{grid-column:2/-1;color:var(--muted);font-size:12px}
.hd-dong.mo,tr.mo,.qua-sua.mo{opacity:.55}
.hd-luoi{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px}
.hd-the{background:#fff;border-radius:var(--r-md);padding:16px;text-decoration:none;display:flex;flex-direction:column;gap:6px;transition:transform .15s,box-shadow .15s}
.hd-the:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(43,27,18,.08)}
.hd-the h3{font-size:18px;margin:4px 0 0}
.hd-the p{margin:0;color:var(--muted);font-size:14px}
.hd-the small{color:var(--muted);font-size:12px;margin-top:auto}
.hd-the-hd{display:flex;justify-content:space-between;align-items:center}
.mo-ta{white-space:pre-line;background:#fff;border-radius:12px;padding:14px;margin:10px 0}
.bai{background:#fff;border-radius:12px;padding:12px 14px;margin:10px 0}
.bai p{margin:6px 0;white-space:pre-line}
.bai-ai{display:flex;align-items:center;gap:8px}
.bai-ai .diem{margin-left:auto}
.tt{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;background:var(--bg)}
.tt-duyet .tt,.tt.tt-duyet,.tt.tt-da_trao{background:#E6F3F0;color:#2F7D6D}
.tt-tu_choi .tt,.tt.tt-tu_choi{background:#FDE8E4;color:#8A2111}
.anh-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px;margin-top:8px}
.anh-luoi img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
.anh-nop{display:flex;flex-direction:column;gap:8px}
.anh-ds{display:flex;gap:8px;flex-wrap:wrap}
.anh-ds figure{margin:0;position:relative}
.anh-ds img{width:84px;height:84px;object-fit:cover;border-radius:10px}
.anh-ds button{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;border:0;background:var(--ink);color:#fff;cursor:pointer;line-height:1}
.anh-ds .dang{width:84px;height:84px;border-radius:10px;background:var(--line);display:grid;place-items:center;font-size:12px;color:var(--muted)}
.anh-chon{align-self:flex-start;cursor:pointer}

/* quà */
.so-du{background:var(--ink);color:#fff;border-radius:999px;padding:8px 14px;font-size:14px}
.qua-luoi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.qua{background:#fff;border-radius:var(--r-md);padding:18px;display:flex;flex-direction:column;gap:6px}
.qua h3{font-size:18px;margin:0}
.qua p{margin:0;font-size:14px}
.qua .gia{font:700 28px/1 var(--serif);color:var(--cta);margin-top:auto}
.qua .gia small{font-size:13px;color:var(--muted)}
.qua form{margin-top:8px}.qua .btn{width:100%;padding:0 10px;font-size:14px;line-height:1.2}
.thanh{height:8px;background:var(--line);border-radius:99px;overflow:hidden;margin:6px 0}
.thanh i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--cta));border-radius:99px}

/* bảng vàng */
.quan-luoi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.quan-o{background:#fff;border-radius:14px;padding:14px}
.quan-o .lon{display:block;font:700 34px/1.1 var(--serif);color:var(--cta)}
.quan-o small{color:var(--muted);font-size:12px}
.mt{background:#fff;border-radius:12px;padding:12px 14px;margin:10px 0}
.mt-hd{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.mt small{color:var(--muted)}
.xh{list-style:none;padding:0;margin:0;counter-reset:xh}
.xh li a{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:10px 12px;margin:8px 0;text-decoration:none;counter-increment:xh}
.xh li a::before{content:counter(xh);font:700 18px/1 var(--serif);color:var(--muted);width:18px}
.xh span:not(.av){flex:1;min-width:0}.xh small{display:block;color:var(--muted);font-size:12px}
.xh em{font-style:normal;font:700 16px/1 var(--serif);color:var(--cta)}
.vd{background:linear-gradient(135deg,#FFF4E6,#FDEFD0)}
.vd-dong{display:flex;align-items:center;gap:12px;text-decoration:none;padding:8px 0}
.vd-dong b{display:block;font-family:var(--serif)}.vd-dong span{font-size:13px;color:var(--muted)}
.vd-luoi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.vd-the{background:linear-gradient(160deg,#FFF4E6,#fff);border:1px solid #F3C99A;border-radius:var(--r-md);padding:18px;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:4px}
.vd-the b{font:700 17px/1.2 var(--serif);color:var(--cta)}
.vd-the p{font-size:13px;color:var(--muted);margin:4px 0 0}
.vd-the small{color:var(--muted);font-size:12px}

/* đồng đội */
.dd-luoi{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}
.dd{background:#fff;border-radius:14px;padding:14px 10px;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:4px}
.dd b{font-size:14px;line-height:1.3}.dd small{color:var(--muted);font-size:12px}
.doi-anh{display:flex;align-items:center;gap:14px;margin-bottom:6px}

/* bảng */
.cuon{overflow-x:auto}
.bang{width:100%;border-collapse:collapse;font-size:14px}
.bang th{text-align:left;font-weight:600;color:var(--muted);font-size:12px;padding:8px;border-bottom:1px solid var(--line)}
.bang td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.bang td small{display:block;color:var(--muted);font-size:12px}
.bang a{text-decoration:none}
.bang .so{font:700 15px/1.2 var(--serif);color:#2F7D6D;text-align:right;white-space:nowrap}
.bang .so.am{color:#8A2111}
.pin{font:700 22px/1 ui-monospace,Consolas,monospace;letter-spacing:3px;color:var(--cta)}
.pin-moi{border:2px solid var(--brand)}

/* quản lý */
.ql-nav{display:flex;gap:8px;overflow-x:auto;margin-bottom:16px;scrollbar-width:none}
.ql-nav::-webkit-scrollbar{display:none}
.ql-nav a{flex:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;text-decoration:none;font-weight:600;font-size:14px}
.ql-nav a[aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}
.duyet{display:grid;grid-template-columns:1fr 300px;gap:16px;background:#fff;border-radius:14px;padding:14px;margin:10px 0}
.duyet p{margin:6px 0;white-space:pre-line}
.duyet-f{display:flex;flex-direction:column;gap:8px}
.duyet-f label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}
.duyet-f input{font:400 15px/1.3 var(--sans);border:1.5px solid var(--line);border-radius:10px;padding:9px 10px;width:100%}
.duyet-f label input{width:100px}
.qua-sua{background:#fff;border-radius:14px;padding:14px;margin:10px 0}

/* đăng nhập */
.dn{display:grid;grid-template-columns:1fr 1fr;background:var(--sheet);border-radius:var(--r-lg);overflow:hidden;max-width:980px;margin:10px auto;min-height:520px}
.dn-anh{background:var(--img) center/cover}
.dn-form{padding:48px 40px;display:flex;flex-direction:column;justify-content:center}
.dn-form h1{font-size:40px;margin-bottom:6px}
.dn-form .btn{width:100%}
.dn-form .note{text-align:left}

/* thanh tab điện thoại */
.tabs{display:none}
@media (max-width:980px){
  .ch-nav{display:none}
  .ch-ql{margin-left:auto}
  .tabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .tabs a{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;font-size:11px;font-weight:600;color:var(--muted);padding:4px 0}
  .tabs svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
  .tabs a[aria-current]{color:var(--cta)}
  .luoi2{grid-template-columns:1fr}
  .hd-luoi,.qua-luoi,.vd-luoi{grid-template-columns:repeat(2,1fr)}
  .dd-luoi{grid-template-columns:repeat(3,1fr)}
  .ql-so{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .ch-in{padding:0 14px;height:56px;gap:12px}
  .cm{padding:14px 12px 32px}
  .khoi{padding:16px;border-radius:16px}
  .the-tv{padding:16px}
  .tv-so{grid-template-columns:repeat(3,1fr);width:100%}
  .tv-so>div{min-width:0;padding:10px 6px}
  .tv-so b{font-size:22px}
  .huy{width:100%}.huy-o{flex:1;min-width:0}
  .chon-gt{grid-template-columns:1fr}
  .hd-luoi,.quan-luoi{grid-template-columns:1fr}
  .qua-luoi,.vd-luoi{grid-template-columns:1fr 1fr}
  .dd-luoi{grid-template-columns:repeat(2,1fr)}
  .duyet{grid-template-columns:1fr}
  .dn{grid-template-columns:1fr;border-radius:20px;min-height:0}
  .dn-anh{height:200px}
  .dn-form{padding:26px 20px}
  .form .btn{align-self:stretch}
  .form.hang .btn,.hang-nut .btn{align-self:auto}
}

/* quy chế */
.qc-link{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 16px;margin-bottom:18px;text-decoration:none}
.qc-link span{color:var(--cta);font-weight:600;font-size:14px}
.qc-dau{background:var(--dark);color:#F5EDE3;border-radius:var(--r-md);padding:30px 26px;margin-bottom:18px;background-image:radial-gradient(circle at 100% 0,rgba(233,138,46,.35),transparent 55%)}
.qc-dau .loai{background:var(--brand)}
.qc-dau h1{color:#fff;margin:12px 0 8px;font-size:clamp(28px,4vw,42px)}
.qc-dau p{max-width:64ch;margin:0 0 18px;opacity:.92}
.qc-gt{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.qc-gt div{background:rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;border-top:3px solid}
.qc-gt b{display:block;font:700 18px/1.2 var(--serif);color:#fff}
.qc-gt span{font-size:13px;opacity:.85}
.qc-gt .gt-chan_thanh{border-color:#F3B27A}.qc-gt .gt-sang_tao{border-color:#8FD3C3}.qc-gt .gt-ket_noi{border-color:#B8AEF0}
.qc-muc{display:flex;gap:8px;flex-wrap:wrap}
.qc-muc a{background:#fff;color:var(--ink);border-radius:999px;padding:7px 13px;text-decoration:none;font-weight:600;font-size:13px}
.qc{scroll-margin-top:80px}
.qc h2{display:flex;align-items:center;gap:10px;font-size:24px}
.qc h3{font-size:18px;margin:22px 0 10px}
.qc-so{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--cta);color:#fff;font:700 16px/1 var(--serif);flex:none}
.qc-bang td:nth-child(2).so{text-align:left}
.qc-bang td{min-width:90px}
.qc-bang td:first-child{min-width:180px}
.qc-buoc{list-style:none;counter-reset:b;padding:0;margin:6px 0 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.qc-buoc li{counter-increment:b;background:#fff;border-radius:14px;padding:14px;position:relative}
.qc-buoc li::before{content:counter(b);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font:700 13px/1 var(--serif);margin-bottom:8px}
.qc-buoc b{display:block;font-family:var(--serif)}
.qc-buoc span{font-size:13px;color:var(--muted)}
.qc-qua .qua{background:#fff}
.qc-cap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.qc-cap-o{background:#fff;border-radius:14px;padding:14px}
.qc-cap-o .cap{box-shadow:0 0 0 1px var(--line) inset}
.qc-cap-o p{font-size:14px;margin:10px 0 6px}
.qc-cap-o small{color:var(--cta);font-weight:600}
.qc-ba{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.qc-ba div{background:#fff;border-radius:14px;padding:14px}
.qc-ba b{font-family:var(--serif);font-size:16px}
.qc-ba p{margin:6px 0 0;font-size:14px;color:var(--muted)}
.qc-nt{padding-left:20px}.qc-nt li{margin:8px 0}
.qc .note{text-align:left}
@media (max-width:980px){.qc-buoc,.qc-cap{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.qc-gt,.qc-buoc,.qc-cap{grid-template-columns:1fr}.qc-dau{padding:22px 18px}.qc-qua{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .qc-bang thead{display:none}
  .qc-bang,.qc-bang tbody,.qc-bang tr,.qc-bang td{display:block;width:100%}
  .qc-bang tr{background:#fff;border-radius:12px;padding:12px 14px;margin:10px 0}
  .qc-bang td{border:0;padding:3px 0;min-width:0!important}
  .qc-bang td:first-child{padding-bottom:6px}
  .qc-bang td[data-l]::before{content:attr(data-l) ": ";font:600 13px/1.4 var(--sans);color:var(--muted)}
  .qc-bang td.so{text-align:left}
  .qc-bang td small{display:inline;margin-left:6px}
  .qc-bang td:first-child small{display:block;margin:2px 0 0}
}

/* văn phòng: nhờ giúp, sinh nhật, 6 tab, 5 giá trị HPT (24/09/2026) */
.ng{background:#fff;border-radius:12px;padding:12px 14px;margin:10px 0}
.ng p{margin:6px 0;white-space:pre-line}
.ng-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.ng-td{font-weight:600;font-size:16px}
.ng form{margin-top:8px}
.ng-xong{font-size:14px}
.lien-ket{background:none;border:0;padding:4px 0;color:var(--muted);text-decoration:underline;cursor:pointer;font:inherit;font-size:13px}
.sn{background:linear-gradient(135deg,#FFF4E6,#FDE8EF)}
@media (max-width:980px){.tabs.tabs-6{grid-template-columns:repeat(6,1fr)}.tabs.tabs-6 a{font-size:10px}}
.the.gt-khach_hang{border-color:#C8102E}.the.gt-doi_tac{border-color:#1F6FB2}.the.gt-nhan_luc{border-color:#0A8F45}.the.gt-hieu_suat{border-color:#D97706}.the.gt-chia_se{border-color:#7C3AED}
.gt-khach_hang .gt{background:#FDE8EA;color:#A30D25}.gt-doi_tac .gt{background:#E6F0FA;color:#1F5F99}.gt-nhan_luc .gt{background:#E6F5EC;color:#0A7A3B}.gt-hieu_suat .gt{background:#FEF3E2;color:#B45F06}.gt-chia_se .gt{background:#F1EAFD;color:#6D28D9}
.huy{flex-wrap:wrap}
.qc-gt5{grid-template-columns:repeat(5,1fr)}
.qc-gt .gt-khach_hang{border-color:#F48C99}.qc-gt .gt-doi_tac{border-color:#8CC0EC}.qc-gt .gt-nhan_luc{border-color:#8FD3A9}.qc-gt .gt-hieu_suat{border-color:#F6C177}.qc-gt .gt-chia_se{border-color:#C4B0F5}
@media (max-width:980px){.qc-gt5{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.qc-gt5{grid-template-columns:1fr}}

/* chọn hoạt động đề xuất */
.dx-nhom{font-size:17px;margin:20px 0 6px;color:var(--cta)}
.dx{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:14px;margin:8px 0;cursor:pointer}
.dx:has(input:checked){border-color:var(--cta);box-shadow:0 0 0 2px var(--cta) inset}
.dx input[type=checkbox]{width:22px;height:22px;margin-top:2px;accent-color:var(--cta)}
.dx-nd{display:flex;flex-direction:column;gap:4px;min-width:0}
.dx-nd b{font-family:var(--serif);font-size:17px}
.dx-mt{font-size:14px}
.gtx{color:var(--muted)}
.dx-ok{color:var(--cta);font-weight:600}
.dx-da{opacity:.8;background:var(--bg)}
.dx-diem{white-space:nowrap;font-weight:600;color:var(--cta)}
.dx-diem input{width:64px;font:600 15px var(--sans);border:1.5px solid var(--line);border-radius:8px;padding:6px;text-align:center}
.dx-luu{padding:14px 0 4px}
.dx-nd .loai{align-self:flex-start}
@media (max-width:640px){.dx{grid-template-columns:auto 1fr}.dx-diem{grid-column:2}}

/* chương trình mở rộng HPT: Học viện, 6T, Thi tay nghề, Quỹ, Vinh danh năm */
.ct-nav{display:flex;gap:8px;overflow-x:auto;margin-bottom:16px;scrollbar-width:none}
.ct-nav::-webkit-scrollbar{display:none}
.ct-nav a{flex:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;text-decoration:none;font-weight:600;font-size:14px}
.ct-nav a[aria-current]{background:var(--cta);color:#fff;border-color:var(--cta)}
.hv-the{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#fff;border-radius:12px;padding:12px 14px;margin:8px 0;text-decoration:none}
.hv-the:hover{box-shadow:0 4px 14px rgba(0,0,0,.06)}
.hv-ic{font-size:22px}
.hv-nd{min-width:0}.hv-nd b{display:block;font-family:var(--serif)}.hv-nd small{color:var(--muted);font-size:12px}
.hv-so{font-size:12px;color:var(--muted);white-space:nowrap}
.hv-xong{opacity:.75}
.hv-video{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden;margin:12px 0;background:#000}
.hv-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hv-tep{display:flex;flex-wrap:wrap;gap:8px}.hv-tep img{width:140px;height:100px;object-fit:cover;border-radius:10px}
.hv-cau{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0;background:#fff}
.hv-cau legend{font-weight:600;padding:0 6px}
.hv-cau .chk{margin:6px 0}
.t6-dong{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;background:#fff;border-radius:12px;padding:12px 14px;margin:8px 0}
.t6-hang{font:700 20px/1 var(--serif);text-align:center;min-width:28px}
.t6-nd small{display:block;color:var(--muted);font-size:12px}
.t6-o{display:flex;gap:4px;margin-top:6px}.t6-o span{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;background:var(--bg);font-weight:700;font-size:13px}
.t6-tong{font:700 28px/1 var(--serif);color:var(--cta)}.t6-tong small{font-size:13px;color:var(--muted)}
.t6-tc{padding-left:20px}.t6-tc li{margin:8px 0}.t6-tc b{display:block}.t6-tc span{font-size:14px;color:var(--muted)}
.t6-cham input[type=number]{width:56px;text-align:center;padding:8px 4px!important}
.t6-cham td{vertical-align:middle}
.thi-luoi{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.thi-kq .t6-hang{width:26px}
.quy-the{display:block;background:#fff;border-radius:14px;padding:14px;margin:10px 0;text-decoration:none;border-left:4px solid var(--brand)}
.quy-so{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.quy-so>div{background:var(--bg);border-radius:12px;padding:10px;text-align:center}
.quy-so b{display:block;font:700 22px/1.1 var(--serif);color:var(--cta)}.quy-so span{font-size:12px;color:var(--muted)}
.qc-dau .quy-so>div{background:rgba(255,255,255,.1)}.qc-dau .quy-so b{color:#fff}.qc-dau .quy-so span{color:#E6EFE9}
.vdn-so{grid-template-columns:repeat(6,1fr)}
.vdn-nam{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.vdn-nam a{background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:6px 14px;text-decoration:none;font-weight:600}
.vdn-nam a[aria-current]{background:#fff;color:var(--ink)}
.vdn-giai{border-width:2px}
.tk-luoi{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.tk-ds{padding-left:20px}.tk-ds li{margin:8px 0}.tk-so{display:block;font-size:13px;color:var(--cta);font-weight:600}.tk-nd{display:block}
.o-dong{grid-template-columns:1fr}
.huy-hieu .hh{background:#FFF8E6;border-color:#F3D27A}
@media (max-width:980px){.thi-luoi,.tk-luoi{grid-template-columns:1fr}.vdn-so{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.quy-so{grid-template-columns:repeat(2,1fr)}.vdn-so{grid-template-columns:repeat(2,1fr)}}
.qc-khoi-dong{border:2px solid var(--cta);box-shadow:0 6px 24px rgba(0,0,0,.06)}
.s6-buoc{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:12px 0}.s6-buoc span{background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.s6-buoc small{color:var(--muted);font-size:12px;line-height:1.35}

/* ===== 25/09/2026 Bộ sưu tập huy hiệu (HPT Kết Nối) — _huy_hieu.ejs ===== */
.hh-bst{background:var(--sheet);border:1px solid var(--line);border-radius:20px;padding:20px 16px 8px;margin:16px 0}
.hh-dau{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.hh-dau h2{margin:0;font-family:Fraunces,serif;font-size:21px;color:var(--ink)}
.hh-dau p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.4}
.hh-dem{flex:none;background:var(--dark);color:#fff;border-radius:14px;padding:6px 12px;font-family:Fraunces,serif}
.hh-dem b{font-size:22px}.hh-dem span{opacity:.7;font-size:14px}
.hh-thanh{height:6px;border-radius:6px;background:var(--line);margin:12px 0 18px;overflow:hidden}
.hh-thanh i{display:block;height:100%;background:linear-gradient(90deg,var(--cta),#E9B726);border-radius:6px}
.hh-cap{display:flex;align-items:flex-start;justify-content:center;margin:0 0 18px;padding:14px 6px 10px;border-radius:16px;background:linear-gradient(180deg,#F3F8F5,transparent)}
.hh-cap-o{display:flex;flex-direction:column;align-items:center;gap:4px;width:68px;text-align:center}
.hh-cap-o span{font-size:11.5px;line-height:1.2;color:var(--muted);font-weight:600}
.hh-cap-o.dat span{color:var(--ink)}.hh-cap-o.nay span{color:var(--brand)}
.hh-cap-o.nay svg{filter:drop-shadow(0 4px 8px rgba(227,22,31,.28))}
.hh-cap-noi{flex:1;max-width:44px;height:3px;border-radius:3px;background:var(--line);margin-top:22px}
.hh-cap-noi.dat{background:var(--cta)}
.hh-vd{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.hh-vd-o{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:linear-gradient(135deg,#FFF6D6,#FFE7A3);border:1px solid #F0CF6B}
.hh-vd-o b{display:block;font-size:13.5px;color:#5C3D00}.hh-vd-o small{font-size:11.5px;color:#8A6A1A}
.hh-nhom{margin:0 0 14px}
.hh-nhom h3{font-size:15px;margin:0 0 10px;color:var(--ink)}
.hh-nhom h3 small{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:2px}
.hh-luoi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (min-width:640px){.hh-luoi{grid-template-columns:repeat(5,minmax(0,1fr))}}
.hh-o{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 10px;border:1px solid var(--line);border-radius:16px;background:#fff;font:inherit;color:inherit;cursor:pointer;text-align:center;transition:transform .15s,box-shadow .15s}
.hh-o:hover,.hh-o:focus-visible{transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,42,28,.10);outline:none}
.hh-o .hc{display:block;width:74px;height:auto;filter:drop-shadow(0 4px 6px rgba(15,42,28,.18))}
.hh-o.khoa .hc{filter:none;opacity:.9}
.hh-o.b3 .hc{filter:drop-shadow(0 5px 10px rgba(200,150,20,.35))}
.hh-o.b4 .hc{filter:drop-shadow(0 5px 12px rgba(40,150,210,.40))}
.hh-o b{font-size:12.5px;line-height:1.25;color:var(--ink);margin-top:2px}
.hh-o.khoa b{color:var(--muted)}
.hh-hang{font-size:10.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;padding:2px 8px;border-radius:20px;background:#EEF3F0;color:var(--muted)}
.hh-o.b1 .hh-hang{background:#F6E3D4;color:#7A3E14}.hh-o.b2 .hh-hang{background:#E8EDF2;color:#4E5A66}
.hh-o.b3 .hh-hang{background:#FFF1C2;color:#7A5200}.hh-o.b4 .hh-hang{background:#DDF3FF;color:#16628F}
.hh-td{display:block;width:78%;height:4px;border-radius:4px;background:var(--line);overflow:hidden;margin-top:4px}
.hh-td i{display:block;height:100%;background:var(--cta)}
.hh-o small{font-size:10.5px;color:var(--muted);line-height:1.3}
.hh-mt{display:none;position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);width:170px;padding:8px 10px;border-radius:10px;background:var(--dark);color:#fff;font-size:12px;line-height:1.35;z-index:5;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.hh-o:focus .hh-mt,.hh-o:hover .hh-mt{display:block}
/* cài ứng dụng + thông báo (HPT Kết Nối 25/09/2026) */
.tb-bat{background:var(--sheet);border:1px solid var(--line);border-left:4px solid var(--cta);border-radius:14px;padding:14px 16px;margin:0 0 16px}
.tb-bat p{margin:6px 0 10px;color:var(--muted);font-size:14px}
.tb-toi{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
.tb-toi h3{margin:0 0 4px;font-size:16px}
.tb-bat[hidden],.tb-bat [hidden],.tb-toi [hidden]{display:none!important}

/* giao việc (HPT, 25/09/2026 #211) */
.gv-dem{display:inline-block;min-width:18px;padding:1px 5px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;line-height:16px;text-align:center}
.tabs a.gv-tab{position:relative}.tabs a.gv-tab .gv-dem{position:absolute;top:0;left:55%}
@media (max-width:980px){.tabs.tabs-7{grid-template-columns:repeat(7,1fr)}.tabs.tabs-7 a{font-size:9.5px}}
.gv-so{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.gv-so>div{background:var(--sheet);border-radius:14px;padding:12px 14px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.gv-so b{display:block;font:700 26px/1.1 var(--serif)}.gv-so span{font-size:12px;color:var(--muted)}
.gv-so .gv-do b{color:#B3261E}.gv-so .gv-vang b{color:#A15C00}
.gv-the{display:block;background:#fff;border-radius:12px;padding:12px 14px;margin:10px 0;text-decoration:none;color:inherit;border-left:4px solid var(--line)}
.gv-the.gv-dang_lam{border-left-color:var(--cta)}.gv-the.gv-moi{border-left-color:#3B6FD8}.gv-the.gv-cho_duyet{border-left-color:#E0A100}
.gv-the.gv-tre{border-left-color:#B3261E;background:#FFF5F4}.gv-tre .gv-han,.gv-do-chu{color:#B3261E}
.gv-the small{display:block;margin-top:4px}
.gv-han-lon{font-size:16px}.gv-han-lon.gv-tre{color:#B3261E}
.gv-chk{flex-direction:row!important;align-items:center;gap:8px!important;font-weight:500!important}.gv-chk input{width:20px;height:20px;accent-color:var(--cta)}
.gv-nguoi{border:1.5px solid var(--line);border-radius:10px;padding:8px 12px}.gv-nguoi legend{font-weight:600;font-size:14px;padding:0 4px}
.gv-nguoi details{margin:6px 0}.gv-nguoi summary{cursor:pointer;font-weight:600;padding:6px 0}.gv-nguoi .gv-chk{padding:4px 0 4px 8px}
.gv-mo{margin:14px 0}.gv-mo summary{cursor:pointer;font-weight:600;color:var(--muted)}
.gv-xin{background:#FFF8E6;border-radius:12px;padding:12px 14px;margin:12px 0}
.gv-duyet{background:#F3F8F5;border-radius:12px;padding:14px}
.gv-nk{border-bottom:1px solid var(--line);padding:10px 0}.gv-nk p{margin:6px 0 0;white-space:pre-line}
.gv-nk-dat .muted,.gv-nk-bao_cao .muted{color:var(--cta)!important;font-weight:600}.gv-nk-tra_lai .muted{color:#B3261E!important;font-weight:600}
.tt.gv-tt-xong{background:#E6F3F0;color:#2F7D6D}.tt.gv-tt-cho_duyet{background:#FFF1CC;color:#7A4B00}.tt.gv-tt-huy{background:#EEE;color:#666}
@media (max-width:720px){.gv-so{grid-template-columns:repeat(2,1fr)}}

/* 25/09/2026: thanh tab dưới đáy không bị kéo theo khi lướt trên iPhone (chạy bằng GPU; JS trong crew.js ghim theo visualViewport) */
@media (max-width:980px){.tabs{transform:translate3d(0,0,0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}}

/* kiểm tra nhanh (crew-kiem-tra.js, 25/09/2026) */
.kt-bo{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:8px 0;background:#fff}
.kt-bo.kt-dat{border-color:#9BD3B0;background:#F3FBF6}
.kt-bo-nd{flex:1;min-width:0}.kt-bo-nd b{display:block}.kt-bo-nd small{display:block;font-size:13px;margin-top:2px}
.kt-gio{font:700 18px/1 var(--serif);background:var(--bg);border-radius:999px;padding:8px 14px;white-space:nowrap}
.kt-gio.kt-gap{background:#FDECEE;color:#B42318}
.kt-kq{display:flex;align-items:center;gap:16px;border-radius:14px;padding:16px 18px;margin:12px 0}
.kt-kq b{font:700 40px/1 var(--serif)}.kt-kq-dat{background:#E7F6EC;color:#06612E}.kt-kq-chua{background:#FDECEE;color:#B42318}
.kt-cau{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:10px 0;background:#fff}
.kt-cau p{margin:4px 0}.kt-cau ul{margin:6px 0;padding-left:20px}.kt-cau li{margin:3px 0}
.kt-sai{border-color:#F3B8BD}.kt-an{opacity:.5}
.kt-da{color:#06612E;font-weight:600}.kt-chon{color:#B42318;text-decoration:line-through}
.kt-gt{background:#FFF8E6;border-radius:8px;padding:8px 10px;font-size:14px}
/* Phòng khách hàng (25/09/2026 anh Hiếu — chỉ anh và chị Phượng thấy) */
.ch-pk{background:var(--cta)}.ch-pk+.ch-ql{margin-left:8px}
.pk-tab{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 14px}
.pk-tab a{padding:8px 14px;border-radius:999px;background:var(--sheet);border:1px solid var(--line);text-decoration:none;color:var(--muted);font:600 14px/1 var(--sans)}
.pk-tab a b{margin-left:4px;color:var(--ink)}
.pk-tab a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}.pk-tab a[aria-current] b{color:#fff}
.gv-so>a{display:block;text-decoration:none;color:inherit;background:var(--sheet);border-radius:14px;padding:12px 14px;box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid var(--line)}
.gv-so>a.gv-do b{color:#B3261E}.gv-so>a.gv-vang b{color:#A15C00}
.gv-so>div{border:1px solid var(--line)}
.pk-loc{margin:6px 0 14px}.pk-loc .pk-tim{flex:1;min-width:220px}
.pk-hd{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:#E3F1E8;color:#0A5A2E;white-space:nowrap}
.pk-hd-sap{background:#FFF1D6;color:#8A4B00}.pk-hd-het{background:#FDE2E0;color:#9B1C14}.pk-hd-trong{background:#EEF0EE;color:var(--muted)}
.pk-nhom{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;margin-right:6px;background:#EEF0EE}
.pk-dang_phuc_vu{background:#E3F1E8;color:#0A5A2E}.pk-tiem_nang{background:#E6EEFB;color:#1D4E9E}.pk-da_dung{background:#EEF0EE;color:var(--muted)}
.pk-dau h1{margin:0 0 4px}
.pk-hd-o{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:10px}
.pk-hd-o legend{font-weight:700;padding:0 6px}
.pk-nk li{padding:6px 0;border-bottom:1px solid var(--line)}
.pk-bang td:first-child{min-width:220px}
.ch-ql{white-space:nowrap}
@media (max-width:640px){
  .ch-pk{padding:8px 10px;font-size:16px}.ch-pk span{display:none}
  .pk-top{flex-direction:column;align-items:stretch}
  .pk-top .hang-nut{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pk-top .hang-nut .btn{text-align:center;justify-content:center}
  .pk-tab{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
  .pk-tab a{display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:12px;padding:9px 4px;font-size:13px;text-align:center}
  .pk-tab a b{margin:0;font-size:17px}
  .form.pk-loc{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
  .pk-loc .pk-tim,.pk-loc .btn{grid-column:1/-1}
  .pk-loc .btn{width:100%;text-align:center;justify-content:center}
  .pk-loc label{min-width:0}
  .pk-bang thead{display:none}
  .pk-bang,.pk-bang tbody,.pk-bang tr,.pk-bang td{display:block;width:100%}
  .pk-bang tr{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px}
  .pk-bang td{border:0;padding:3px 0;min-width:0!important}
  .pk-bang td:first-child{padding-bottom:6px;margin-bottom:4px;border-bottom:1px dashed var(--line)}
  .pk-bang td[data-l]{position:relative;padding-left:96px;font-size:14px;min-height:26px}
  .pk-bang td[data-l]::before{content:attr(data-l);position:absolute;left:0;top:3px;color:var(--muted);font-size:13px;font-weight:600}
}

/* video nộp bài (26/09/2026) */
.vd-chon{align-self:flex-start;cursor:pointer}
.vd-tai{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.vd-tai b{font-size:14px;word-break:break-all}
.vd-thanh{height:8px;border-radius:99px;background:var(--line);overflow:hidden}.vd-thanh i{display:block;height:100%;width:0;background:var(--cta);transition:width .3s}
.vd-tai small{color:var(--muted);font-size:13px}
.vd-tai video,.vd-xem video{width:100%;max-height:420px;border-radius:10px;background:#000}
.vd-xem{margin:8px 0}.vd-xem .yt{position:relative;padding-top:56.25%;border-radius:10px;overflow:hidden;background:#000}.vd-xem .yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vd-xem small{display:block;color:var(--muted);font-size:12px;margin-top:4px}

/* tệp đính kèm Giao việc (#252, 26/09) */
.gv-tep-ds{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.gv-tep-ds:empty{display:none}
.gv-tep{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;font-size:14px;max-width:100%;word-break:break-all;text-decoration:none;color:inherit}
.gv-tep.dang{color:var(--muted)}.gv-tep button{border:0;background:var(--ink);color:#fff;width:22px;height:22px;border-radius:50%;cursor:pointer;line-height:1;flex:none}

/* Cổng nội bộ Thành Công HPT /hpt (26/09/2026 anh Hiếu: sau đăng nhập thấy các phòng ban mình được cấp) */
.cg .ch-in{gap:14px}
.cg-ve{margin-left:auto;text-decoration:none;font:600 14px/1 var(--sans);color:var(--cta);white-space:nowrap}
.cg-me{display:flex;align-items:center;gap:10px;margin-left:auto}.cg-ve+.cg-me{margin-left:0}
.cg-ten{text-decoration:none;color:var(--ink);font:600 14px/1.2 var(--sans);text-align:right}.cg-ten small{display:block;color:var(--muted);font-weight:400;font-size:12px}
.cg-me form{margin:0}
.cg-chao{margin:6px 0 18px}.cg-chao h1{margin:0 0 4px}.cg-chao p{margin:0;color:var(--muted)}
.cg-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.cg-o{display:flex;gap:14px;align-items:flex-start;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-md);padding:18px;text-decoration:none;color:var(--ink);box-shadow:0 1px 2px rgba(43,27,18,.05);transition:transform .12s,box-shadow .12s}
.cg-o:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,42,28,.10);border-color:var(--cta)}
.cg-icon{font-size:34px;line-height:1;width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:#E3F1E8;flex:none}
.cg-o-qt .cg-icon{background:#FDECEE}
.cg-than{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.cg-than>b{font:700 19px/1.25 var(--serif)}
.cg-than>small{color:var(--muted);font-size:13px;line-height:1.45}
.cg-than>em{font-style:normal;font-size:12px;color:#8A4B00;background:#FFF1D6;border-radius:999px;padding:2px 8px;align-self:flex-start}
.cg-so{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;padding-top:8px;border-top:1px dashed var(--line)}
.cg-so span{font-size:12px;color:var(--muted)}.cg-so span b{display:block;font:700 18px/1.1 var(--serif);color:var(--ink)}
.cg-mui{color:var(--muted);font-size:20px;align-self:center}
.cg-qt h3{font-size:16px;margin:14px 0 6px}
.cg-chk{flex-direction:row!important;align-items:center;gap:8px!important;white-space:nowrap}
.cg-cap{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
@media (max-width:640px){
  .cg-ve span{display:none}.cg-ten{display:none}
  .cg-luoi{grid-template-columns:1fr}
  .cg-o{padding:14px}.cg-icon{width:48px;height:48px;font-size:28px}
  .cg-mui{display:none}
  .cg-so{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cg-so span{font-size:11px}.cg-so span b{font-size:17px}
}

/* cờ chọn ngôn ngữ Việt / Trung (26/09/2026) */
.cg-co{display:inline-flex;gap:6px;align-items:center}
.cg-co a{display:inline-flex;align-items:center;gap:5px;padding:3px;border:2px solid transparent;border-radius:6px;opacity:.55;text-decoration:none;color:var(--ink);font:600 13px/1 var(--sans)}
.cg-co a.hien{opacity:1;border-color:var(--cta)}
.cg-co img{width:22px;height:15px;display:block;border-radius:2px}
.dn-co{margin:0 0 10px}.dn-co a{padding:5px 8px}
@media (max-width:640px){.cg .cg-co{margin-left:auto}.cg .cg-co+.cg-me{margin-left:0}}

.cg-ai{font-size:12px;color:var(--muted);line-height:1.4;margin-top:4px}   /* ai được vào phòng ban — chỉ quản trị thấy (26/09/2026) */

/* xem chi tiết thẻ cảm ơn (29/09/2026) */
.the-xem{display:inline-block;margin-top:8px;font-size:13px;font-weight:600;color:var(--cta,#0A7A3B);text-decoration:none}
.ct-viec{background:var(--bg);border-radius:12px;padding:10px 14px;margin:10px 0;white-space:pre-wrap}
.ct-diem{list-style:none;padding:0;margin:6px 0}
.ct-diem li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line)}