/* MOZA Live OS — giữ tông màu (đất nung, xanh lá, hổ phách) và kiểu chữ (Be Vietnam Pro, Lora)
   của bản cũ, chuyển sang nền sáng (SPEC.md mục 8). Màn hình người dẫn (M2) dùng nền tối riêng. */
:root{
  --bg:#F6F3EC; --panel:#FFFFFF; --panel2:#FBF9F4; --sunk:#F2EEE6;
  --line:#E6E0D4; --line2:#D2CABB;
  --ink:#221F1A; --ink2:#5C574E; --ink3:#857F74;
  --clay:#B4502C; --clay-bg:#F9E8E0; --clay-line:#EBC2B1;
  --green:#2E7443; --green-bg:#E4F2E7; --green-line:#B8DBC1;
  --amber:#865F0F; --amber-bg:#FBF1DA; --amber-line:#EBD49A;
  --red:#B03A2B; --red-bg:#FBE5E1; --red-line:#EFB9AF;
  --blue:#2D5C8C; --blue-bg:#E3EDF7; --blue-line:#B9CFE6;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:'Be Vietnam Pro',system-ui,'Segoe UI',sans-serif;font-size:14px;line-height:1.55;
  display:flex;flex-direction:column;overflow:hidden}
h1,h2,h3{margin:0;font-weight:600}
h2{font-size:15px}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--clay);outline-offset:2px;border-radius:6px}
[hidden]{display:none!important}
.grow{flex:1 1 auto}
.muted{color:var(--ink2)}
.hint{margin:6px 0 0;font-size:12.5px;color:var(--ink3)}
.num{font-variant-numeric:tabular-nums}

/* thanh trên cùng */
.bar{flex:0 0 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:10px 20px;border-bottom:1px solid var(--line);background:var(--panel)}
.wordmark{font-family:Lora,Georgia,serif;font-size:19px;font-weight:600;white-space:nowrap}
.wordmark b{font-weight:600;color:var(--clay)}
.vline{width:1px;height:20px;background:var(--line)}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid transparent;
  color:var(--ink2);font-size:13.5px;font-weight:500;text-decoration:none}
.nav a:hover{background:var(--sunk);color:var(--ink)}
.nav a[aria-current="page"]{background:var(--clay-bg);border-color:var(--clay-line);color:var(--clay);font-weight:600}
.trangthai{display:flex;gap:6px;flex-wrap:wrap;align-items:center}

/* công tắc Dừng mọi tự động */
.khancap{display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:0 12px 0 8px;border-radius:999px;
  border:1px solid var(--line2);background:var(--panel2);font-size:13px;font-weight:600;cursor:pointer;user-select:none}
.khancap input{appearance:none;width:34px;height:20px;border-radius:999px;background:var(--line2);position:relative;cursor:pointer;margin:0;flex:none;transition:background .15s}
.khancap input::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:999px;background:#fff;transition:left .15s}
.khancap input:checked{background:var(--red)}
.khancap input:checked::after{left:16px}
.khancap.dang-bat{border-color:var(--red-line);background:var(--red-bg);color:var(--red)}
.khancap.xanh{align-self:flex-start}
.khancap.xanh input:checked{background:var(--green)}

.bang{flex:0 0 auto;padding:9px 20px;font-size:13.5px;font-weight:600;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.bang.do{background:var(--red);color:#fff}
.bang.vang{background:var(--amber-bg);color:var(--amber);border-bottom:1px solid var(--amber-line)}

/* thân */
.main{flex:1 1 auto;min-height:0;overflow:auto;padding:18px 20px 28px}
.view{display:flex;flex-direction:column;gap:16px;max-width:1300px;margin:0 auto}
.viewbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.viewbar h1{font-family:Lora,Georgia,serif;font-size:22px}
.viewbar .sub{margin:0}

.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;min-width:0}
.panel>header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.panel>header p{margin:0;font-size:12.5px;color:var(--ink3);flex-basis:100%}
.panel>.body{padding:16px;display:flex;flex-direction:column;gap:12px}
.empty{padding:34px 16px;text-align:center;color:var(--ink3);font-size:13.5px;display:flex;flex-direction:column;align-items:center;gap:12px}

.hai-cot{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:900px){ .hai-cot{grid-template-columns:1fr} }

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px;
  border:1px solid var(--line2);border-radius:9px;background:var(--panel);color:var(--ink);
  font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none}
.btn:hover{border-color:var(--ink3)}
.btn.primary{background:var(--clay);border-color:var(--clay);color:#fff;font-weight:600}
.btn.primary:hover{filter:brightness(1.06)}
.btn.small{min-height:32px;padding:0 11px;font-size:12.5px}
.btn.danger{color:var(--red);border-color:var(--red-line)}
.btn[disabled]{opacity:.45;cursor:not-allowed}

.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;border:1px solid}
.chip.mute{background:var(--sunk);color:var(--ink2);border-color:var(--line)}
.chip.accent{background:var(--clay-bg);color:var(--clay);border-color:var(--clay-line)}
.chip.ok{background:var(--green-bg);color:var(--green);border-color:var(--green-line)}
.chip.warn{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-line)}
.chip.bad{background:var(--red-bg);color:var(--red);border-color:var(--red-line)}
.chip.info{background:var(--blue-bg);color:var(--blue);border-color:var(--blue-line)}

.field{display:flex;flex-direction:column;gap:5px;min-width:0}
.field>span{font-size:12px;color:var(--ink2);font-weight:500}
input[type=text],input[type=search],input[type=password],select,textarea{
  min-height:38px;padding:8px 11px;border:1px solid var(--line2);border-radius:8px;
  background:var(--panel);color:var(--ink);font-size:13.5px;width:100%}
textarea{min-height:120px;resize:vertical;line-height:1.6}
textarea.lon{min-height:300px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hang{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.hang>.field{flex:1 1 180px}
.cot{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.nutbam{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.loi{color:var(--red);font-size:12.5px;font-weight:500;margin:0}
.dat{color:var(--green);font-size:12.5px;font-weight:500;margin:0}
.canh{color:var(--amber);font-size:12.5px;font-weight:500;margin:0}

/* chọn một trong mấy (trạng thái tin, bộ lọc) */
.chon{display:inline-flex;gap:3px;background:var(--sunk);border:1px solid var(--line);border-radius:12px;padding:3px;flex-wrap:wrap;align-self:flex-start}
.chon button{min-height:30px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:var(--ink2);font-size:13px;font-weight:500;cursor:pointer}
.chon button[aria-pressed="true"]{background:var(--panel);color:var(--ink);font-weight:600;box-shadow:0 0 0 1px var(--line2)}

/* danh sách bên trái */
.ds{display:flex;flex-direction:column}
.ds button{display:flex;flex-direction:column;gap:3px;align-items:stretch;text-align:left;padding:11px 16px;border:0;border-bottom:1px solid var(--line);
  background:transparent;cursor:pointer}
.ds button:hover{background:var(--panel2)}
.ds button[aria-current="true"]{background:var(--clay-bg);box-shadow:inset 3px 0 0 var(--clay)}
.ds .dong1{display:flex;align-items:center;gap:8px}
.ds .dong1 b{font-size:14px}
.ds .dong2{font-size:12.5px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ds .dong3{font-size:11.5px;color:var(--ink3)}

/* lịch sử bản sửa */
.lichsu{display:flex;flex-direction:column;gap:8px}
.lichsu details{border:1px solid var(--line);border-radius:9px;background:var(--panel2)}
.lichsu summary{padding:9px 12px;cursor:pointer;font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lichsu pre{margin:0;padding:10px 12px;border-top:1px solid var(--line);white-space:pre-wrap;word-break:break-word;font:inherit;font-size:13px;background:var(--panel)}

/* tổng quan */
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tile{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}
.tile:hover{border-color:var(--line2)}
.tile .k{font-size:11.5px;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em}
.tile .v{font-family:Lora,Georgia,serif;font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}
.tile .s{font-size:12px;color:var(--ink2)}
@media (max-width:900px){ .tiles{grid-template-columns:repeat(2,minmax(0,1fr))} }
.viec{display:flex;flex-direction:column}
.viec-hang{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:11px 16px;border-bottom:1px solid var(--line)}
.viec-hang:last-child{border-bottom:0}

/* cài đặt */
.khoa-hang{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.khoa-hang:last-child{border-bottom:0}
.khoa-hang input{font-family:ui-monospace,Consolas,monospace}
.khoa-hang .kq-khung{grid-column:2 / -1}
.khoa-hang .kq{margin:0}
@media (max-width:700px){ .khoa-hang{grid-template-columns:1fr} .khoa-hang .kq-khung{grid-column:auto} }
.agent{display:grid;grid-template-columns:minmax(150px,1fr) repeat(4,minmax(120px,1fr)) auto;gap:10px;align-items:end;padding:12px 0;border-bottom:1px solid var(--line)}
.agent:last-child{border-bottom:0}
.agent .ten b{display:block}
.agent .ten span{display:block;font-size:12px;color:var(--ink3)}
@media (max-width:1000px){ .agent{grid-template-columns:1fr 1fr} .agent .ten{grid-column:1 / -1} }
.buoc{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:5px;font-size:13px}

.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:22px;z-index:30;max-width:calc(100vw - 32px);
  background:var(--ink);color:#fff;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600}
.toast.loi{background:var(--red)}

@media (max-width:700px){ .grid2{grid-template-columns:1fr} .main{padding:14px} .bar{padding:10px 14px} }
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---------- Livestream ---------- */
.chon a.tab-link{display:inline-flex;align-items:center;min-height:30px;padding:0 13px;border-radius:9px;color:var(--ink2);
  font-size:13px;font-weight:500;text-decoration:none}
.chon a.tab-link[aria-current="page"]{background:var(--panel);color:var(--ink);font-weight:600;box-shadow:0 0 0 1px var(--line2)}
p.lon{font-size:18px;font-weight:600;margin:0}
.ds-hang{display:flex;flex-direction:column;gap:3px;padding:11px 16px;border-bottom:1px solid var(--line)}
.ds-hang:last-child{border-bottom:0}
.ds-hang .dong1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ds-hang .dong2{font-size:13px;color:var(--ink2)}
.ds-hang .dong3{font-size:11.5px;color:var(--ink3)}
.xuong-dong{white-space:normal!important;overflow:visible!important}
.doan-xem{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink2)}
.doan-xem li span{margin-right:6px}
.doan-soan{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.doan-soan li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:start;
  padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
.doan-soan .so{width:26px;height:26px;border-radius:999px;background:var(--clay-bg);color:var(--clay);border:1px solid var(--clay-line);
  display:grid;place-items:center;font-size:12px;font-weight:700;margin-top:6px}
.doan-soan .doan-o{display:flex;flex-direction:column;gap:6px;min-width:0}
.doan-soan textarea{min-height:56px}
.doan-soan .doan-nut{display:flex;gap:4px}
@media (max-width:700px){ .doan-soan li{grid-template-columns:30px minmax(0,1fr)} .doan-soan .doan-nut{grid-column:2} }

/* ---------- Màn hình người dẫn (F-16): nền tối, chữ trắng, chữ to ---------- */
body.nguoi-dan{
  --bg:#0E0D0B; --panel:#1A1815; --panel2:#211F1B; --sunk:#15130F;
  --line:#34312A; --line2:#4A463D;
  --ink:#F6F3EA; --ink2:#C3BDB1; --ink3:#948E82;
  --clay:#F08A62; --clay-bg:#3A2219; --clay-line:#6B3B2A;
  --green:#86D39A; --green-bg:#1C2B20; --green-line:#2F5139;
  --amber:#F0C257; --amber-bg:#2E2615; --amber-line:#5A4A22;
  --red:#FF7A68; --red-bg:#3A1C17; --red-line:#6E3027;
  --blue:#9CC2EA; --blue-bg:#1B2431; --blue-line:#2E4056;
}
.view.rong{max-width:none}
.nd{display:flex;flex-direction:column;gap:14px;min-height:calc(100dvh - 120px);position:relative}
.nd-tren{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:15px}
.nd-tren b{font-size:16px}
.nd-nut-dung{background:var(--red);border-color:var(--red);color:#1B0B08;font-weight:800;min-height:48px;padding:0 22px;font-size:17px}
.nd-luoi{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;align-items:stretch}
@media (max-width:1000px){ .nd-luoi{grid-template-columns:1fr} }
.nd-trai{display:flex;flex-direction:column;gap:14px}
.nd-nhan{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);font-weight:700;margin-bottom:6px}
.nd-dang-noi,.nd-ke,.nd-bl,.nd-goi-y{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 22px}
.nd-dang-noi{border-color:var(--clay-line)}
.nd-tin{margin:0;font-size:clamp(30px,2.9vw,56px);line-height:1.2}
.nd-tieu-de{margin:4px 0 0;font-size:clamp(16px,1.2vw,22px);line-height:1.35;opacity:.75}
.nd-tin b{color:var(--clay)}
.nd-nhac{margin:10px 0 0;font-size:clamp(22px,1.8vw,34px);line-height:1.4;white-space:pre-wrap}
.nd-ke p{margin:0;font-size:clamp(18px,1.3vw,24px);color:var(--ink2)}
.nd-bl{display:flex;flex-direction:column;gap:10px;overflow:hidden}
.nd-bl-dong{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.nd-bl-dong:last-child{border-bottom:0}
.nd-bl-dong.hoi .nd-bl-chu{color:var(--ink);font-weight:600}
.nd-bl-ten{font-size:13px;color:var(--ink3);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.nd-bl-chu{font-size:clamp(17px,1.2vw,22px);color:var(--ink2);line-height:1.35}
.nd-goi-y{border-color:var(--green-line);min-height:150px}
.nd-goi-y-chu{margin:0;font-size:clamp(32px,3.2vw,64px);line-height:1.25;font-weight:600}
.mo{color:var(--ink3)!important;font-weight:400!important}
.nd-goi-y .nd-goi-y-chu.mo{font-size:clamp(20px,1.5vw,28px)}
.nd-duoi{font-size:14px;color:var(--ink3);text-align:center}
.nd-da-dung{position:fixed;inset:auto 0 40% 0;margin:auto;width:max-content;padding:22px 44px;border-radius:18px;
  background:var(--red);color:#1B0B08;font-size:48px;font-weight:900;z-index:40}
.nd-het{position:absolute;inset:0;background:rgba(14,13,11,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:14px;text-align:center}
.nd-trong{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:60vh;text-align:center}
.nd-lon{font-size:clamp(28px,2.6vw,48px);font-weight:700;margin:0}

/* ---------------- Agent & Skill (M2 phần 2) ---------------- */
.agent-vh{display:grid;grid-template-columns:minmax(200px,1.4fr) repeat(3,minmax(130px,1fr)) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.agent-vh:last-child{border-bottom:0}
.agent-vh>div{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13px}
.agent-vh .ten span{font-size:12px;color:var(--ink3)}
@media (max-width:1000px){ .agent-vh{grid-template-columns:1fr 1fr} .agent-vh .ten{grid-column:1 / -1} }
.chon-o{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}
.hook-hang{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:6px 0}
.hook-hang .muted{flex-basis:100%;font-size:12.5px;padding-left:24px}
.luat-hang{display:grid;grid-template-columns:minmax(0,1fr) auto 150px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.luat-hang:last-child{border-bottom:0}
.luat-hang .muted{display:block;font-size:12.5px}
.cho-hang{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}
.cho-hang:last-child{border-bottom:0}
.tham-so{margin:6px 0 0;padding:8px 10px;background:var(--sunk);border-radius:8px;font-size:12.5px;white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto}
.vi-sao h2{margin:8px 0 0;font-size:14px}
.vi-sao p{margin:0}
.vs-dong{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px;font-size:13px}
@media (max-width:700px){ .vs-dong{grid-template-columns:1fr} .luat-hang,.cho-hang{grid-template-columns:1fr} }

/* ---------------- Màn hình người dẫn: AI phòng live (M2 phần 3) ---------------- */
.nd-phai{display:flex;flex-direction:column;gap:14px;min-width:0}
.nd-noi-bat,.nd-cho-tv{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 22px}
.nd-noi-bat-dong{display:flex;align-items:center;gap:10px;padding:6px 0;flex-wrap:wrap}
.nd-noi-bat-chu{font-size:clamp(20px,1.6vw,30px);font-weight:600;line-height:1.3}
.nd-noi-bat-dong.xong .nd-noi-bat-chu{color:var(--ink3);font-weight:400}
.nd-so-nguoi{min-width:2.2em;text-align:center;padding:2px 8px;border-radius:999px;background:var(--clay-bg);color:var(--clay);font-weight:800;font-size:18px}
.nd-cho-tv p{margin:4px 0;font-size:15px;color:var(--ink2)}
.nd-bao{margin:0;padding:10px 18px;border-radius:12px;background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-line);font-size:clamp(18px,1.3vw,24px);font-weight:600}
.nd-goi-y-nguon{margin:8px 0 0;font-size:15px;color:var(--ink3)}
.nd-duoi{display:flex;flex-direction:column;align-items:center;gap:8px}
.nd-hoi-mai{display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:min(760px,100%)}
.nd-hoi-mai .nd-nhan{margin:0;white-space:nowrap}
.nd-hoi-mai input{flex:1 1 200px;min-width:0;min-height:40px}
.nd-loi-hoi{font-size:13px;color:var(--red)}

/* ---------------- M3: Kiểm tra trước khi live, nhãn bình luận, báo đỏ ---------------- */
.kiem-tra-dong{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:6px 0;font-size:13.5px}
.kiem-tra-dong b{min-width:90px}
.vach-am{height:8px;border-radius:999px;background:var(--sunk);overflow:hidden;max-width:420px}
.vach-am span{display:block;height:100%;width:0;background:var(--green);transition:width .08s}
.nd-bl-dong.mo-di{opacity:.45}
.nd-bao.do{background:var(--red);color:#1B0B08;border-color:var(--red)}

/* ---------------- M3: micro và chép lời người dẫn ---------------- */
.nd-dang-noi-dau{color:var(--green);font-weight:700;font-size:14px}
.nd-vach-mic{display:inline-block;width:70px;height:8px;border-radius:999px;background:var(--sunk);overflow:hidden}
.nd-vach-mic span{display:block;height:100%;width:0;background:var(--green);transition:width .08s}
#main .btn.dang-bat{border-color:var(--green);color:var(--green)}
.nd-loi-dan{margin:0;font-size:clamp(16px,1.1vw,20px);color:var(--ink2)}
.nd-loi-dan.tam{font-style:italic;color:var(--ink3)}
.nd-loi-dan.goi-mai{color:var(--clay);font-weight:600}
.nd-loi-dan.loi{color:var(--red)}
/* Mai nói (F-22): ô chọn chế độ, chữ Mai đang nói */
.nd-che-do{min-height:34px;font-size:15px}
.nd-mai-noi{margin:0;font-size:clamp(18px,1.3vw,24px);color:var(--green);font-weight:600}
.chip.dang-noi{animation:nd-nhip 1s ease-in-out infinite}
@keyframes nd-nhip{50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){.chip.dang-noi{animation:none}}

/* ---------------- M4: Xem thử AI hiểu gì (F-23) ---------------- */
.xem-thu{display:flex;flex-direction:column;gap:12px}
.xem-thu-nhom h3{margin:0 0 6px;font-size:15px}
.xem-thu-nhom ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.xem-thu-nhom li p{margin:0}
.xem-thu-nhom blockquote{margin:4px 0 0;padding:4px 10px;border-left:3px solid var(--line);color:var(--ink2);font-size:14px;white-space:pre-wrap}

/* Cài đặt → Facebook (M5) */
.huong-dan{margin:0 0 14px;padding:10px 14px;border:1px solid var(--line, #ddd);border-radius:8px}
.huong-dan summary{cursor:pointer;font-weight:600}
.huong-dan ol{margin:10px 0 0;padding-left:20px;display:grid;gap:8px;line-height:1.5}
.tt-facebook{display:grid;gap:4px;margin:12px 0}
.dong-tt{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.dong-tt>.muted{min-width:190px}
.bang-quyen{border-collapse:collapse;margin:8px 0}
.bang-quyen td{padding:4px 10px 4px 0;vertical-align:middle}
.ds-page{display:grid;gap:10px;margin:8px 0 14px}
.the-page{border:1px solid var(--line, #ddd);border-radius:8px;padding:10px 12px}
.chon-page{display:grid;gap:6px;margin:6px 0}

/* Hộp thư (M5): 3 cột */
.ba-cot{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr) minmax(260px,340px);gap:16px;align-items:start}
@media (max-width:1200px){ .ba-cot{grid-template-columns:minmax(240px,300px) minmax(0,1fr)} .ba-cot>.ht-phai{grid-column:1/-1} }
@media (max-width:800px){ .ba-cot{grid-template-columns:1fr} }
.ds-hop-thu{max-height:calc(100vh - 230px);overflow:auto}
.ht-giua{min-height:420px}
.ht-tin{display:flex;flex-direction:column;gap:8px;padding:14px 16px;max-height:calc(100vh - 380px);min-height:220px;overflow:auto;background:var(--panel2)}
.ht-bong{max-width:78%;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;gap:4px}
.ht-bong.ra{align-self:flex-end;background:var(--blue-bg);border-color:var(--blue-line)}
.ht-bong.vao{align-self:flex-start}
.ht-bong.loi{border-color:var(--red-line);background:var(--red-bg)}
.ht-bong-dau{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--ink2);flex-wrap:wrap}
.ht-bong-chu{white-space:pre-wrap;word-break:break-word;font-size:14px}
.ht-bong-duoi{display:flex;gap:6px;align-items:center;font-size:12px}
.ht-ghi-chu{align-self:center;max-width:90%;font-size:12.5px;padding:6px 10px;border:1px dashed var(--amber-line);background:var(--amber-bg);border-radius:8px}
.ht-soan{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}
.ht-soan textarea{width:100%;box-sizing:border-box;font:inherit;padding:8px;border:1px solid var(--line2);border-radius:8px;resize:vertical}
.ho-so h3{margin:10px 0 2px;font-size:13.5px}
.tile.bad{border-color:var(--red-line);background:var(--red-bg)}
.tile.bad .v{color:var(--red)}
.bang-bc{border-collapse:collapse;width:100%;font-size:13px}
.bang-bc th,.bang-bc td{padding:7px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.bang-bc th{font-size:11.5px;color:var(--ink3);font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.bang-bc .num{text-align:right;font-variant-numeric:tabular-nums}

/* Giọng riêng của Mai (bản 2.5, F-38) */
.giong-mai{display:grid;gap:12px}
.giong-mai details{border:1px solid var(--line);border-radius:9px;background:var(--panel2);padding:0 12px}
.giong-mai details[open]{padding-bottom:12px}
.giong-mai details>*:not(summary){margin-top:10px}
.giong-mai summary{padding:10px 0;cursor:pointer}
.doan-doc{margin:0;padding:8px 12px;border-left:3px solid var(--clay-line);background:var(--panel);color:var(--ink);font-size:15px;line-height:1.6;white-space:pre-wrap}
.buoc-ghi{display:grid;gap:8px;padding-top:10px;border-top:1px dashed var(--line)}
/* Buổi tập trên Màn hình người dẫn (bản 2.5, F-39): người dẫn giả hỏi Mai */
.nd-tap{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;padding:10px 12px;border:1px dashed var(--line2);border-radius:10px;margin:0 auto;width:min(1100px,100%)}
.nd-tap .nd-nhan{margin:0;white-space:nowrap}
.nd-tap input{flex:1 1 220px;min-width:0;min-height:36px}
.nd-tap[hidden]{display:none}
/* Câu Mai nói theo kịch bản (bản 2.5, F-37) */
.nd-nhac-mai{margin:10px 0 0;font-size:clamp(18px,1.4vw,26px);line-height:1.4;color:var(--clay);white-space:pre-wrap}
.nd-kiem-lai{font-size:.78em;color:var(--amber);background:var(--amber-bg);border-radius:6px;padding:0 6px}
/* Thoại Đội AI dẫn (bản 2.9, F-45): mỗi lượt một dòng */
.nd-doi-thoai{margin-top:8px}
.nd-doi-thoai p{margin:4px 0 0}
.nd-doi-tiet-muc{font-size:clamp(14px,1vw,18px);color:var(--ink3);text-transform:uppercase;letter-spacing:.04em}
.nd-doi-luot{font-size:clamp(17px,1.3vw,24px);line-height:1.4;color:var(--clay)}
.nd-doi-luot b{color:var(--ink)}
.nd-doi-cho{font-size:clamp(15px,1.1vw,20px);color:var(--amber)}
.nd-doi-dap-an{font-size:clamp(15px,1.1vw,20px);color:var(--green)}
/* Nhạc của Đội AI (bản 2.9, F-47) trong Cài đặt */
.doi-ai-nhac{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}
.doi-ai-nhac h4{margin:0 0 4px}
.doi-ai-nhac-dong{margin:12px 0 0}
.doi-ai-nhac-dong p{margin:0 0 4px}
.doi-ai-nhac-dong textarea{width:100%;box-sizing:border-box;font:inherit;font-size:13px}