/* Chế độ tập huấn (doc/dev/che-do-tap-huan.html mục 4) — gắn khi <html class="che-do-tap-huan"> (app/che_do.py) */
html.che-do-tap-huan { --th-h: 36px; }
.th-dai { position: fixed; top: 0; left: 0; right: 0; z-index: 2147483000; height: var(--th-h); display: flex; align-items: center;
  gap: .6rem; padding: 0 .9rem; color: #fff; font: 600 13px/1.2 "Be Vietnam Pro", system-ui, sans-serif; overflow: hidden; white-space: nowrap;
  background: repeating-linear-gradient(45deg, #c2410c, #c2410c 16px, #ea580c 16px, #ea580c 32px); box-shadow: 0 2px 8px rgb(0 0 0 / .25); }
.th-dai b { letter-spacing: .04em; }
.th-dai .th-chu { overflow: hidden; text-overflow: ellipsis; }
.th-dai a { margin-left: auto; flex-shrink: 0; background: #fff; color: #c2410c; border-radius: 8px; padding: 3px 10px; font-weight: 700; text-decoration: none; }
.th-dai a:hover { background: #ffedd5; }
html.che-do-tap-huan body { padding-top: var(--th-h) !important; }
/* bố cục: chừa chỗ cho dải cố định (bộ 1: thanh bên cố định; bộ 3: thanh trên + menu dính) */
html.che-do-tap-huan aside.fixed.inset-y-0 { top: var(--th-h) !important; }
html.che-do-tap-huan header.sticky.top-0 { top: var(--th-h) !important; }
html.che-do-tap-huan aside.top-16 { top: calc(4rem + var(--th-h)) !important; height: calc(100vh - 4rem - var(--th-h)) !important; }
/* màu chủ đạo cam */
html.che-do-tap-huan aside.bg-blue-900 { background: #9a3412 !important; }
html.che-do-tap-huan header.sticky { background: #fff7ed !important; border-bottom-color: #fdba74 !important; }
html.che-do-tap-huan .menu a[aria-current] { background: linear-gradient(90deg, #c2410c, #f97316) !important; }
html.che-do-tap-huan aside .leading-tight > .font-bold::after,
html.che-do-tap-huan header a .leading-tight > span:first-child::after { content: "TẬP HUẤN"; margin-left: .45rem; padding: 0 .4rem; border-radius: 6px;
  background: #f97316; color: #fff; font-size: .7em; font-weight: 800; letter-spacing: .05em; vertical-align: middle; }
/* chữ chìm */
.th-chim { position: fixed; inset: var(--th-h) 0 0 0; z-index: 2147482000; pointer-events: none; background-repeat: repeat; opacity: .07; }
/* trang đăng nhập bản tập huấn */
html.che-do-tap-huan body.th-dang-nhap, html.che-do-tap-huan body.th-dang-nhap main { background: #fff7ed !important; }
.th-tieu-de-dn { margin: 0 0 1rem; padding: .7rem 1rem; border-radius: 12px; border: 2px dashed #f97316; background: #ffedd5; color: #9a3412;
  font: 700 15px/1.4 "Be Vietnam Pro", system-ui, sans-serif; text-align: center; }
/* lựa chọn chế độ ở trang đăng nhập bản làm việc */
.th-chon { border: 1px solid #e3eaf5; border-radius: 12px; padding: .55rem .75rem; font: 500 14px/1.4 "Be Vietnam Pro", system-ui, sans-serif; color: #334155; background: #fff; }
.th-chon .th-nhan { font-weight: 700; margin-right: .5rem; }
.th-chon label { display: inline-flex; align-items: center; gap: .3rem; margin-right: 1rem; cursor: pointer; }
.th-chon .th-goi-y { display: block; font-size: 12px; color: #c2410c; margin-top: .25rem; }
.th-chon .th-goi-y[hidden] { display: none; }