/* Việc hay gặp + hộp thoại chọn sự thật (cos_mau_viec.js) — 05/10/2026.
   KHÔNG dùng shorthand `font: … inherit`. Nút việc một dòng (≤ 40px); lựa chọn là role=radio/checkbox (không phải nút hành động)
   nên được xuống 2 dòng khi màn hẹp. Màu luôn kèm chữ / dấu. */
.mv-hop{padding:.75rem .9rem}
.mv-nhan{margin:0 0 .45rem;font-weight:700;color:var(--gold-l)}
.mv-ds{display:flex;flex-wrap:wrap;gap:.4rem}
.mv-nut{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid var(--gold);border-radius:999px;background:transparent;
  color:var(--gold-l);padding:.4rem .75rem;font-family:inherit;font-size:.86rem;font-weight:600;line-height:1.2;cursor:pointer}
.mv-nut:hover,.mv-nut:focus-visible{background:color-mix(in srgb, var(--gold) 14%, transparent);outline:none}
.mv-nen{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}
.mv-thoai{width:min(560px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--navy);border:1px solid var(--gold);border-radius:12px;
  padding:1rem 1.1rem 1.1rem;box-sizing:border-box}
@media (max-width:600px){.mv-nen{align-items:flex-end;padding:0}.mv-thoai{border-radius:14px 14px 0 0;max-height:92vh;padding-bottom:max(1rem, env(safe-area-inset-bottom))}}
.mv-dau{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.4rem}
.mv-dau h3{margin:0;color:var(--gold-l);font-size:1.02rem}
.mv-dong{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;flex:none;font-size:1rem}
.mv-o{margin-top:.6rem}
.mv-o-nhan{display:block;font-size:.82rem;color:var(--muted);margin-bottom:.3rem}
.mv-chon{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.4rem}
.mv-lua{display:flex;align-items:center;justify-content:center;gap:.35rem;text-align:center;border:1px solid var(--line);border-radius:8px;
  padding:.5rem .45rem;font-size:.86rem;line-height:1.25;color:var(--ink);cursor:pointer;user-select:none}
.mv-lua:hover,.mv-lua:focus-visible{border-color:var(--gold);outline:none}
.mv-lua[aria-checked="true"]{border-color:var(--gold);color:var(--gold-l);background:color-mix(in srgb, var(--gold) 14%, transparent);font-weight:700}
.mv-lua[role="radio"][aria-checked="true"]::before{content:'● '}
.mv-lua[role="checkbox"] .mv-dau-tick::before{content:'☐';font-size:1rem}
.mv-lua[role="checkbox"][aria-checked="true"] .mv-dau-tick::before{content:'☑'}
.mv-xem{margin:0;padding:.6rem .75rem;border-left:3px solid var(--gold);background:color-mix(in srgb, var(--navy3) 40%, transparent);
  border-radius:0 8px 8px 0;line-height:1.45}
.mv-nut-cuoi{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.8rem}
/* Ô hỏi là của màn này (05/10): nút micro/Hỏi ≤ 40px, nút ? nhỏ, dòng bối cảnh một dòng. */
.tc-o-hoi .btn{padding:.5rem .95rem}
/* Nhãn "xử lý trên máy" trong ô hỏi: xanh sáng hơn để đạt 4,5:1 trên nền tối (đo 27/09: 4,31:1 với màu pill.g chung). */
.tc-o-hoi .pill.g{color:#5fd39a;border-color:#5fd39a}
.tc-boi-canh{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:.25rem 0 .5rem;font-size:.84rem;color:var(--muted)}
.tc-giup{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:.8rem;
  font-weight:700;line-height:1;cursor:help;padding:0;flex:none}
.tc-ph{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.6rem;font-size:.86rem;color:var(--muted)}