/* Phân tích tình huống (cos_tinh_huong*.js) — 05/10/2026. KHÔNG dùng `font: … inherit`. Màu rổ luôn kèm chữ ĐỎ · VÀNG · XANH.
   Nút hành động ≤ 40px; ô tick / lựa chọn là role=checkbox/radio (được xuống dòng). */
/* .hide của trang đứng TRƯỚC tệp này → phải nhắc lại cho hai khối display:flex (đo 05/10: thanh gợi ý có class hide vẫn hiện). */
.th-goi-y.hide,.th-nhap.hide{display:none}
.th-goi-y{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.5rem;padding:.5rem .7rem;border:1px dashed var(--gold);border-radius:8px;font-size:.88rem}
.th-nhap{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem;font-size:.86rem}
.th-nhap-muc{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.th-nhap-tt{flex:1 1 200px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.th-khung{padding:.9rem 1rem}
/* Nhãn xanh (✓, Còn hiệu lực) trong khung: xanh sáng để đạt 4,5:1 trên nền tối (pill.g chung chỉ 4,31:1). */
.th-khung .pill.g{color:#5fd39a;border-color:#5fd39a}
.th-dau{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap}
.th-dau h3{margin:0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.th-buoc{margin-top:.9rem;padding-top:.7rem;border-top:1px solid var(--line)}
.th-buoc h4{margin:0 0 .5rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;color:var(--gold-l)}
.th-so{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--gold);font-size:.8rem}
.th-da-gap .th-than, .th-da-gap h4 .muted{display:none}
.th-gap{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.9rem}
.th-xong{color:#5fd39a;font-weight:700}
.th-tien-do{position:relative;padding-left:120px;font-size:.8rem}
.th-tien-do::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:110px;height:8px;border-radius:4px;background:color-mix(in srgb, var(--line) 60%, transparent)}
.th-tien-do::after{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:calc(110px * var(--td, 0%) / 100%);height:8px;border-radius:4px;background:var(--gold)}
.th-phieu{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}
.th-o{display:flex;flex-direction:column;gap:.2rem}
.th-o-nhan{font-size:.8rem;color:var(--muted)}
.th-o-chu{width:100%;box-sizing:border-box;margin:0}
.th-tick{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.4rem;margin-top:.3rem}
.th-lua{display:flex;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:8px;padding:.45rem .55rem;font-size:.86rem;line-height:1.25;cursor:pointer;user-select:none}
.th-lua[aria-checked="true"]{border-color:var(--gold);color:var(--gold-l);background:color-mix(in srgb, var(--gold) 14%, transparent);font-weight:700}
.th-lua .th-dau-tick::before{content:'☐';font-size:1rem}
.th-lua[aria-checked="true"] .th-dau-tick::before{content:'☑'}
.th-lua[aria-checked="mixed"] .th-dau-tick::before{content:'◻';opacity:.6}
.th-lua[aria-checked="mixed"]::after{content:'chưa rõ';margin-left:auto;font-size:.75rem;color:var(--muted);font-weight:400}
.th-hoi-them{margin-top:.6rem;padding:.6rem .7rem;border-left:3px solid var(--gold);background:color-mix(in srgb, var(--navy3) 40%, transparent);border-radius:0 8px 8px 0}
.th-dap-an{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.th-nut-cuoi{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.7rem}
.th-ds-cau{display:flex;flex-direction:column;gap:.4rem}
.th-cau{border:1px solid var(--line);border-radius:8px;padding:.4rem .6rem}
.th-cau > summary{cursor:pointer;line-height:1.4}
.th-cau-so{color:var(--gold-l);font-weight:700}
.th-cau.th-noi{box-shadow:0 0 0 2px var(--gold)}
.th-cau-than .card{border:none;padding:.3rem 0;background:transparent}
.th-them{display:flex;gap:.4rem;margin-top:.5rem;flex-wrap:wrap}
.th-them-cau{flex:1 1 240px;margin:0}
.th-ro{border-radius:8px;padding:.6rem .8rem;margin-top:.5rem;border:1px solid var(--line)}
.th-ro ul{margin:.3rem 0 0;padding-left:1.1rem}
.th-ro li{margin:.25rem 0}
.th-ro-ten{font-weight:700;font-size:.86rem;letter-spacing:.02em}
.th-ro-do{border-color:#e06c6c}.th-ro-do .th-ro-ten{color:#f29a9a}
.th-ro-vang{border-color:var(--gold)}.th-ro-vang .th-ro-ten{color:var(--gold-l)}
.th-ro-xanh{border-color:#5fd39a}.th-ro-xanh .th-ro-ten{color:#8fe3b8}
.th-xm{font-size:.82rem}
.th-n{border:1px solid var(--line);background:transparent;color:var(--gold-l);border-radius:6px;padding:.1rem .35rem;font-family:inherit;font-size:.8rem;font-weight:700;line-height:1.3;cursor:pointer}
.th-bang{width:100%;border-collapse:collapse;font-size:.88rem}
.th-bang th,.th-bang td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}
.th-bang th{color:var(--muted);font-weight:600;font-size:.8rem}
@media (max-width:600px){
  .th-bang thead{display:none}
  .th-bang tr,.th-bang td{display:block}
  .th-bang tr{border:1px solid var(--line);border-radius:8px;padding:.3rem .5rem;margin-top:.4rem}
  .th-bang td{border:none;padding:.15rem 0}
  .th-bang td::before{content:attr(data-nhan) ': ';color:var(--muted);font-size:.78rem}
  .th-tien-do{padding-left:0}.th-tien-do::before,.th-tien-do::after{display:none}
}
.th-tl{border:1px solid var(--line);border-radius:8px;padding:.4rem .6rem;margin-top:.4rem}
.th-tl > summary{cursor:pointer}
.th-xn-hang{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
.th-xn-hang input{width:100%;box-sizing:border-box;margin:0}
@media print{
  body.th-dang-in *{visibility:hidden}
  body.th-dang-in .th-khung,body.th-dang-in .th-khung *{visibility:visible}
  body.th-dang-in .th-khung{position:absolute;left:0;top:0;width:100%;color:#000;background:#fff;border:none}
  body.th-dang-in .th-khung button,body.th-dang-in .th-ph-cho,body.th-dang-in .th-them{display:none}
  body.th-dang-in .th-da-gap .th-than{display:block}
}