#manChinh .the-ud .ph,#manChinh .the-ud .o-t,#manChinh .ud-sapco>summary,#manChinh .the-ud .o-ngoai{font-size:13px}.chao button.ch-t{border:0;background:none;text-align:left;padding:8px 0;min-height:44px;color:inherit;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-decoration-color:#cabca7;text-underline-offset:5px}
  /* YC-08/09/11: scoped list geometry and deliberate 20% / 30% enlargement. */
  #soGhiMoiNgoai { font-size:calc(var(--fs-4) * 1.2);min-height:58.8px;padding:16.8px 19.2px;margin-top:12px; }
  /* TV 08/09: fixed 70px list cards; full detail rules stay outside this scope. */
  #soDanhSach .stt-card { border-width:2px;box-sizing:border-box;margin-bottom:8px; }
  #soDanhSach .stt-card-head { height:66px;min-height:66px;box-sizing:border-box;position:relative;display:block;padding:5px 12px; }
  #soDanhSach .stt-card-title { font-size:var(--chu-13);line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:28px; }
  #soDanhSach .stt-card-sub,#soDanhSach .tq-note { font-size:var(--fs-3);line-height:16px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
  #soDanhSach .stt-card-head>div:first-child { min-width:0; }
  #soDanhSach .stt-card-head>div:first-child:has(.tq-note) .stt-card-sub { position:absolute;left:12px;bottom:5px;max-width:calc(100% - 160px); }
  #soDanhSach .stt-card-right { position:absolute;left:12px;right:12px;bottom:5px;display:flex;gap:4px;justify-content:flex-end;flex-wrap:nowrap;height:18px;min-height:18px; }
  #soDanhSach .stt-sao { position:absolute;right:0;bottom:30px;font-size:var(--fs-6);line-height:24px; }
  #soDanhSach .stt-card-xoa { position:absolute;right:-6px;bottom:6px;min-width:44px;min-height:44px; }
  #soDanhSach .stt-card-don .stt-sao { display:none; }
  #soDanhSach .stt-card-don .stt-card-title,#soDanhSach .stt-card-don .stt-card-sub,#soDanhSach .stt-card-don .tq-note { padding-right:44px; }
  #soDanhSach .stt-status-pill { font-size:var(--fs-3);line-height:16px;padding:1px 7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  #manChinh #theTienDo .the-dau { min-height:79.3px;padding-top:15.6px;padding-bottom:15.6px; }
  #manChinh #theTienDo .the-noi .tt,#manChinh .the-ud .the-noi .tt { font-size:calc(var(--fs-4) * 1.3); }
  #manChinh .the-ud .the-dau { align-items:center;min-height:70px; }
  #manChinh #theTienDo .ic-vien { width:44.2px;height:44.2px;color:#a67b16;background:#fff7df; }
  #manChinh #theTienDo .ic-vien svg { width:30px;height:30px; }

/* TV approved 7YC: compact notebook overview; only its folder screen. */
#manSo[data-ngan="thu_muc"]{background:#f8f4e9;min-height:calc(100dvh - 180px);padding-bottom:88px}
#manSo #soTomTat{padding:12px 14px;margin-bottom:12px;border-radius:16px}
#manSo #soThuMuc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
#soThuMuc .tm-hang{position:relative;display:flex;align-items:flex-start;flex-wrap:wrap;padding:52px 14px 14px;margin:0;min-height:138px;border:1px solid #dfdcd3;border-radius:18px;box-sizing:border-box;background:#fff;gap:5px}
#soThuMuc .tm-hang[data-folder="cv"]{grid-column:1/-1;min-height:126px;background:linear-gradient(120deg,#fff 50%,#fff0ef)}
#soThuMuc .tm-ghim{position:absolute;top:6px;left:7px;min-width:44px;min-height:44px;font-size:19px;opacity:.65}
#soThuMuc .tm-ghim.co{opacity:1;border-radius:12px;background:#fdecea;box-shadow:inset 0 0 0 1px #edc6c0}
#soThuMuc .tm-card-content{flex-basis:100%!important;cursor:pointer;align-self:flex-end}
#soThuMuc .tm-ten{font-size:16px;line-height:1.35;padding-right:0}
#soThuMuc .tm-phu{font-size:13px;line-height:1.4;white-space:normal;overflow:visible;max-height:none}
#soThuMuc .tm-dem,#soThuMuc .tm-huy{position:absolute;top:14px;right:14px;margin:0;padding:0;background:none;color:#31685d;font-size:24px;font-weight:750}
#soThuMuc [data-folder="cv"] .tm-dem{color:#c62828}
#soThuMuc .tm-vong{position:absolute;top:7px;right:38px;transform:scale(.85)}
#soThuMuc .tm-cham{position:absolute;right:14px;bottom:14px}
#soThuMuc .tm-pinned-label{position:absolute;top:19px;left:54px;font-size:11px;color:#98584e}
#manSo #soGhiMoiNgoai{position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));margin-top:26px;min-height:48px;border-radius:12px;font-size:16px;z-index:2}
@media(max-width:359px){#manSo #soThuMuc{gap:8px}#soThuMuc .tm-hang{padding-left:10px;padding-right:10px}#soThuMuc .tm-pinned-label{left:48px;font-size:11px}}

#manSo:not(.hidden)[data-ngan="thu_muc"]{display:flex;flex-direction:column;min-height:calc(100dvh - 85px);padding-bottom:78px}#soThuMuc .tm-ghim{margin:0}#manSo[data-ngan="thu_muc"] #soGhiMoiNgoai{margin-top:auto;padding:12px;line-height:20px;height:48px;flex-shrink:0;width:100%}

#soThuMuc .tm-phu{display:block;-webkit-line-clamp:unset;overflow:visible}#soThuMuc .tm-hang{height:auto}

/* YC01 · D1-B "Ngọc thanh" — TV duyệt 12/09/2026. CHỈ trong màn nhập mã, không đổi nhận diện chung.
   Không ảnh nền, không font web mới, không hiệu ứng liên tục (MO_TA §1). */
#manDangNhap[data-hc-d1]{padding:0;overflow:hidden;background:#fff;border:1px solid #cfe0d8}
#manDangNhap[data-hc-d1] .d1-dau{background:linear-gradient(160deg,#17453c,#246f60);color:#eefaf4;padding:20px 20px 18px;text-align:center}
#manDangNhap[data-hc-d1] .d1-dau-ic{display:block;width:38px;height:38px;margin:0 auto 8px;color:#cdeade}
#manDangNhap[data-hc-d1] .d1-dau-ic svg{width:38px;height:38px;display:block}
#manDangNhap[data-hc-d1] .d1-dau h2{color:#fff;font-size:22px;margin:0;letter-spacing:.2px}
#manDangNhap[data-hc-d1] .d1-dau-phu{color:#bcdfd0;font-size:13px;margin:4px 0 0;letter-spacing:1.2px;text-transform:uppercase}
#manDangNhap[data-hc-d1]>p{margin:16px 20px 0;text-align:center}
#manDangNhap[data-hc-d1] .d1-o{margin:14px 20px 0;text-align:left}
#manDangNhap[data-hc-d1] .d1-nhan{display:block;font-size:13px;font-weight:700;color:#2b5d52;margin:0 0 5px}
#manDangNhap[data-hc-d1] .d1-o-trong{position:relative;display:block}
#manDangNhap[data-hc-d1] .d1-o input{margin:0;border:1px solid #bcd6cb;border-radius:12px;background:#f9fdfb}
#manDangNhap[data-hc-d1] .d1-o-trong input{padding-right:52px}
#manDangNhap[data-hc-d1] .d1-o input:focus{border-color:#246f60;box-shadow:0 0 0 3px #246f6022}
#manDangNhap[data-hc-d1] .d1-o.is-loi input{border-color:#c62828;background:#fff7f6}
#manDangNhap[data-hc-d1] .d1-hien{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;border:0;background:transparent;color:#4c7a6d;border-radius:10px;padding:0}
#manDangNhap[data-hc-d1] .d1-hien svg{width:21px;height:21px;pointer-events:none}
#manDangNhap[data-hc-d1] .d1-hien[aria-pressed=true]{color:#17453c;background:#e4f1eb}
#manDangNhap[data-hc-d1] .d1-loi{min-height:0;margin:0;padding:0;color:#c62828;font-size:13px;line-height:1.45;text-align:left}
#manDangNhap[data-hc-d1] .d1-loi:empty{display:none}
#manDangNhap[data-hc-d1] .d1-loi:not(:empty){margin-top:5px}
#manDangNhap[data-hc-d1] label.nho{margin:14px 20px 0;justify-content:flex-start}
#manDangNhap[data-hc-d1] #oVeCho{margin:12px 20px 0}
#manDangNhap[data-hc-d1] #nutVao{margin:16px 20px 0;width:calc(100% - 40px);background:#246f60;border-color:#246f60}
#manDangNhap[data-hc-d1] #nutVao[aria-busy=true]{background:#4b8b7d;border-color:#4b8b7d}
#manDangNhap[data-hc-d1] #nutVao:disabled{opacity:.85}
#manDangNhap[data-hc-d1] #loiDangNhap{margin:12px 20px 0;text-align:center}
#manDangNhap[data-hc-d1] .stt-back{margin:10px 20px 18px}
#manDangNhap[data-hc-d1] #oMaAnToanVung.hidden,#manDangNhap[data-hc-d1] #oMaSoVung.hidden{display:none}
@media(max-width:359px){#manDangNhap[data-hc-d1] .d1-dau{padding:16px 14px 14px}#manDangNhap[data-hc-d1]>p,#manDangNhap[data-hc-d1] .d1-o,#manDangNhap[data-hc-d1] label.nho,#manDangNhap[data-hc-d1] #oVeCho,#manDangNhap[data-hc-d1] #loiDangNhap,#manDangNhap[data-hc-d1] .stt-back{margin-left:14px;margin-right:14px}#manDangNhap[data-hc-d1] #nutVao{margin-left:14px;margin-right:14px;width:calc(100% - 28px)}}

/* YC03 — cả khung thẻ mở được; ghim giữ vùng chạm riêng 44×44 và nằm trên cùng.
   .tm-dang-cham CHỈ báo "đã nhận chạm", không phải "đã mở xong" (MO_TA §3.3). */
#soThuMuc .tm-hang[data-hc-mo],#soThuMucCon .tm-hang[data-hc-mo]{cursor:pointer;-webkit-tap-highlight-color:transparent}
#soThuMuc .tm-hang[data-hc-mo].tm-dang-cham,#soThuMucCon .tm-hang[data-hc-mo].tm-dang-cham{background:#f4faf7;border-color:#9dc4b6}
#soThuMuc .tm-hang[data-folder="cv"][data-hc-mo].tm-dang-cham{background:linear-gradient(120deg,#f4faf7 50%,#ffeceb)}
#soThuMuc .tm-ghim,#soThuMucCon .tm-ghim{z-index:3}
#soThuMuc .tm-sua-nut,#soThuMucCon .tm-sua-nut{position:relative;z-index:3}
#soThuMuc .tm-card-content:focus-visible,#soThuMucCon .tm-card-content:focus-visible{outline:3px solid #246f60;outline-offset:2px;border-radius:12px}

/* YC02 · D2-A — bảng Đo tốc độ (dành cho TV). Không animation liên tục, không gauge hoạt hình. */
#khoiDo .do-bang{margin:10px 0 0;border:1px solid #cfe0d8;border-radius:14px;background:#fbfefc;padding:12px}
#khoiDo .do-bang[hidden]{display:none}
#khoiDo .do-b-dau{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
#khoiDo #doTrangThai{font-size:19px;color:#17453c;font-weight:800;line-height:1.3}
#khoiDo .do-nhan{font-size:12px;color:#4c7a6d;background:#e8f3ee;border-radius:20px;padding:2px 9px;white-space:nowrap}
#khoiDo .do-bang[data-hc-do=loi] #doTrangThai,#khoiDo .do-bang[data-hc-do=luu-loi] #doTrangThai{color:#c62828}
#khoiDo .do-bang[data-hc-do=loi] .do-nhan,#khoiDo .do-bang[data-hc-do=luu-loi] .do-nhan{background:#fdecea;color:#a32a22}
#khoiDo .do-bang[data-hc-do=xong-dat] #doTrangThai{color:#1f6b4e}
#khoiDo .do-thanh{position:relative;height:10px;border-radius:6px;background:#e3eeea;margin:10px 0 5px;overflow:hidden}
#khoiDo .do-thanh>i{display:block;height:100%;width:0;background:#2f8f79;border-radius:6px}
#khoiDo .do-bang[data-hc-do=loi] .do-thanh>i,#khoiDo .do-bang[data-hc-do=luu-loi] .do-thanh>i{background:#c62828}
#khoiDo .do-thanh-chu{font-size:13px;color:#41625a;line-height:1.45}
#khoiDo .do-nhom{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
#khoiDo .do-nhom li{display:flex;justify-content:space-between;gap:10px;font-size:13px;border-top:1px solid #e4eeea;padding-top:6px}
#khoiDo .do-nhom .do-n-ten{color:#2b5d52;font-weight:700;flex:none}
#khoiDo .do-nhom .do-n-tt{color:#5a7770;text-align:right;overflow-wrap:anywhere}
#khoiDo .do-nhom li[data-hc-tt=loi] .do-n-tt{color:#c62828}
#khoiDo .do-nhom li[data-hc-tt=xong] .do-n-tt{color:#1f6b4e}
#khoiDo .do-so-nho{margin-top:9px;font-size:12px;color:#647c74;line-height:1.5;overflow-wrap:anywhere}
#khoiDo .do-giai-thich{margin-top:9px;font-size:12px;color:#546f67}
#khoiDo .do-giai-thich summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#2b5d52}
#khoiDo .do-giai-thich>div{line-height:1.6;padding-bottom:6px}

/* ===== P7 (R2): bản nháp Trao việc — chỉ đọc ===== */
#manNhapChiDoc .p7-dong{margin:8px 0;line-height:1.5}
#manNhapChiDoc .p7-noi{
  /* Trần 500 CSS px theo CHOT_THIET_KE §2; JS hạ thấp hơn khi màn thấp/bàn phím mở. */
  max-height:500px;overflow-y:auto;overscroll-behavior:contain;
  white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;
  background:#faf7ef;border:1px solid #e7decd;border-radius:10px;padding:12px;
  font:400 16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;color:#2a2a2a}
#manNhapChiDoc .p7-noi:focus-visible{outline:2px solid #8a7a55;outline-offset:2px}
#manNhapChiDoc .p7-dich{margin:10px 0 4px;font-weight:600}
#manNhapChiDoc .p7-nhac{margin:4px 0 8px;color:#6b6355;font-size:14px;line-height:1.5}
/* Hai nút NGOÀI vùng cuộn — không phải kéo hết đoạn dài mới thấy Xác nhận/Hủy. */
#manNhapChiDoc .p7-nut{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
#manNhapChiDoc .p7-nut>button{margin:0;min-height:44px}
#manNhapChiDoc .p7-xong{margin-top:12px;padding:10px;border-radius:10px;background:#eef6ee;border:1px solid #cfe3cf}
#manNhapChiDoc .p7-xong-chu{margin-bottom:8px;line-height:1.5}
@media (max-height:640px){#manNhapChiDoc .p7-noi{max-height:260px}}

/* P1 (R2, r2/a2) — thẻ "Trao việc · Chờ tôi" tách khỏi thẻ Sổ. Dùng lại khung .hero (96px, hai tầng chữ,
   huy hiệu, mũi tên) để không thêm bố cục mới; chỉ đổi nền sang xanh lam đậm để không nhầm với thẻ Sổ nâu.
   Ẩn bằng .hidden khi không có việc chờ — không giữ chỗ trống. */
#manChinh .hero.hero-trao { background: linear-gradient(135deg, #24405a, #1a3350); }
#manChinh .hero.hero-trao .hero-ic { background: #2f6fb0; }

/* P5 (R2, r2/a2) — nút "Xóa việc"/"Khôi phục" và dải xác nhận tại chỗ ở Hoạt động người dùng → Trao việc.
   Nút xác nhận xóa mang màu cảnh báo nhưng vẫn là nút trong dải, không phải hộp confirm hệ thống. */
.tq-admin .tq-p5-nut { margin: 0 0 6px auto; }
.tq-admin .tq-p5-dai { margin: 0 0 10px; }
.tq-admin .tq-p5-dai p { margin: 0 0 10px; line-height: 1.45; }
.tq-admin .tq-p5-dai .tq-row { justify-content: flex-end; }
.tq-admin .tq-p5-xac { background: #8f2f2f; color: #fff; border-color: #8f2f2f; }