chot-lai-muc-tai-san.html

155.56 KB • 10/10/2026 03:22:02 • HTML

Tải về
chot-lai-muc-tai-san.html
Html
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chốt lại mục Tài sản</title>
<style>
  :root {
    --bg:#f4f6f8; --card:#ffffff; --text:#1f2328; --muted:#57606a; --faint:#8c959f;
    --border:#d8dee4; --heading:#0b3b6f; --accent:#87CEFA;
    --code-bg:#eef1f5; --code-text:#a5316a; --th-bg:#e1f2fc; --th-text:#0b3b6f; --th-border:#b9ddf8;
    --hi-bg:#fff1e5; --hi-bar:#bc4c00; --ok-bg:#e8f7ee; --ok-bar:#1a7f37; --info-bg:#e8f2fd; --info-bar:#0969da;
    --shadow:0 1px 2px rgba(27,31,36,.06), 0 4px 14px rgba(27,31,36,.05);
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --bg:#0a0d12; --card:#11161d; --text:#e6edf3; --muted:#9198a1; --faint:#6e7681;
      --border:#2a313a; --heading:#87CEFA; --accent:#87CEFA;
      --code-bg:#1c232c; --code-text:#ff9bce; --th-bg:#0d2847; --th-text:#cfe8fb; --th-border:#1f4a73;
      --hi-bg:#2d1b0b; --hi-bar:#f0883e; --ok-bg:#0f2a19; --ok-bar:#3fb950; --info-bg:#0c2238; --info-bar:#58a6ff;
      --shadow:0 1px 2px rgba(0,0,0,.4), 0 4px 16px rgba(0,0,0,.3);
    }
  }
  * { box-sizing:border-box; }
  body { margin:0; background:var(--bg); color:var(--text);
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif; font-size:16px; line-height:1.6; }
  .wrap { max-width:1100px; margin:0 auto; padding:2rem 1rem 4rem; }
  a { color:var(--info-bar); }
  .hero { background:var(--card); border:1px solid var(--border); border-top:4px solid var(--accent); border-radius:14px;
    padding:1.4rem 1.6rem 1.1rem; box-shadow:var(--shadow); margin-bottom:1rem; }
  .eyebrow { font-size:.72rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--heading); margin-bottom:.4rem; }
  .hero h1 { font-size:1.6rem; margin:0 0 .7rem; color:var(--heading); font-weight:800; }
  .meta { display:flex; flex-direction:column; gap:.35rem; border-top:1px solid var(--border); padding-top:.7rem; font-size:.9rem; }
  .meta .k { display:inline-block; min-width:5.5rem; font-size:.68rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--faint); }
  .meta ul { margin:.1rem 0 0; }
  nav.toc { position:sticky; top:0; z-index:5; background:var(--bg); padding:.5rem 0; margin-bottom:.8rem; display:flex; flex-wrap:wrap; gap:.35rem; }
  nav.toc a { text-decoration:none; color:inherit; background:var(--card); border:1px solid var(--border); border-radius:999px; padding:.25rem .7rem; font-size:.82rem; }
  nav.toc a.go { background:#315ef5; border-color:#315ef5; color:#fff; font-weight:600; }
  nav.toc a.p3 { background:#eef3ff; border-color:#c2d3ff; color:#2339a6; }
  section.block { background:var(--card); border:1px solid var(--border); border-radius:14px; padding:1.3rem 1.5rem; box-shadow:var(--shadow); margin-bottom:1.2rem; scroll-margin-top:3.5rem; }
  h2 { font-size:1.3rem; font-weight:800; color:var(--heading); margin:0 0 .8rem; }
  h3 { font-size:1.05rem; font-weight:800; color:var(--heading); margin:1.6rem 0 .5rem; scroll-margin-top:3.5rem; }
  h3:first-of-type { margin-top:.4rem; }
  ul { padding-left:1.25rem; margin:.3rem 0; } li { margin:.2rem 0; }
  code { font-family:Consolas,ui-monospace,monospace; font-size:.84em; background:var(--code-bg); color:var(--code-text); padding:.06em .36em; border-radius:5px; }
  .lead { color:var(--muted); margin:.2rem 0 .8rem; }
  .callout { border-left:4px solid var(--info-bar); background:var(--info-bg); border-radius:8px; padding:.6rem .9rem; margin:.6rem 0; font-size:.94rem; }
  .callout.ok { border-color:var(--ok-bar); background:var(--ok-bg); }
  .callout.warn { border-color:var(--hi-bar); background:var(--hi-bg); }
  .callout ul { margin:.2rem 0; }
  .lech { color:var(--hi-bar); font-weight:700; }
  .done { color:var(--ok-bar); font-weight:700; }

  /* chip trang */
  .pg { display:inline-block; font-size:.72rem; font-weight:800; padding:.05rem .5rem; border-radius:999px; border:1px solid var(--border); background:var(--bg); color:var(--text); text-decoration:none; margin:0 .1rem; white-space:nowrap; }
  .pg:hover { border-color:var(--info-bar); }

  /* Phần 1: thẻ khối dùng chung */
  .grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:.8rem; }
  .card { border:1px solid var(--border); border-radius:12px; padding:.8rem 1rem; background:var(--card); }
  .card h4 { margin:0 0 .4rem; font-size:.98rem; color:var(--heading); display:flex; align-items:center; gap:.5rem; }
  .card h4 .n { font-size:.7rem; font-weight:800; color:var(--faint); }
  .card .where { display:flex; flex-wrap:wrap; gap:.3rem; margin:.3rem 0 .4rem; }
  .card ul { font-size:.9rem; }
  .card .note { font-size:.86rem; color:var(--muted); border-top:1px dashed var(--border); padding-top:.4rem; margin-top:.4rem; }

  /* Phần 2: dòng biến thể */
  .vars { display:flex; flex-direction:column; gap:.45rem; margin:.4rem 0 .6rem; }
  .var { display:grid; grid-template-columns:200px 1fr; gap:.8rem; align-items:start; border:1px solid var(--border); border-radius:10px; padding:.5rem .7rem; font-size:.92rem; }
  .var .lbl { font-weight:700; display:flex; flex-direction:column; gap:.3rem; }
  .var .lbl .sw { display:flex; flex-wrap:wrap; gap:.3rem; }
  .var ul { margin:0; }
  @media (max-width:640px) { .var { grid-template-columns:1fr; } }

  /* Phần 3: lưới icon chốt */
  .ig { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:.5rem; margin:.5rem 0 .7rem; }
  .ig .t { display:flex; align-items:center; gap:.6rem; border:1px solid var(--border); border-radius:10px; padding:.5rem .6rem; font-size:.88rem; }
  .ig .t b { display:block; font-size:.9rem; }
  .ig .t em { display:block; font-style:normal; font-size:.76rem; color:var(--muted); line-height:1.3; }
  .rule { border:1px solid var(--border); border-left:4px solid var(--ok-bar); border-radius:10px; padding:.6rem .9rem; margin:.5rem 0; }
  .rule ul { margin:.2rem 0; }

  /* ===== Mô phỏng giao diện web (web chỉ có giao diện sáng nên vùng này luôn nền trắng) ===== */
  .stage { background:#ffffff; color:#344054; border:1px solid #e3e7ed; border-radius:10px; padding:.55rem .65rem;
    display:flex; flex-wrap:wrap; gap:.6rem .9rem; align-items:center; margin:.4rem 0 .6rem;
    font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif; }
  .m { display:flex; flex-direction:column; align-items:center; gap:.25rem; min-width:56px; }
  .m > small { font-size:10.5px; color:#667085; text-align:center; line-height:1.25; max-width:120px; }
  .row { display:flex; align-items:center; gap:6px; }
  svg.i { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
  svg.i12 { width:12px; height:12px; } svg.i14 { width:14px; height:14px; } svg.i20 { width:20px; height:20px; }
  .ic { width:32px; height:32px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
  .t-brand { background:#eef3ff; color:#315ef5; }
  .t-ok { background:#e9faf1; color:#077a45; }
  .t-err { background:#fdeced; color:#d92d3a; }
  .t-warn { background:#fff6e6; color:#8a4c04; }
  .t-mute { background:#fcfcfd; color:#667085; }
  .t-info { background:#eef3ff; color:#315ef5; }
  .t-dash { background:#fcfcfd; color:#667085; border:1px dashed #d2d8e1; }
  .code2 { font-size:10px; font-weight:900; }
  @keyframes spin { to { transform:rotate(360deg); } }
  .spin { animation:spin 1s linear infinite; }
  @keyframes ping { 75%,100% { transform:scale(2); opacity:0; } }
  @keyframes pulse { 50% { opacity:.4; } }
  .pulse { animation:pulse 1.4s ease-in-out infinite; }
  .bd { display:inline-flex; align-items:center; gap:4px; height:20px; padding:0 6px; border-radius:8px; font-size:11px; font-weight:500; border:1px solid; white-space:nowrap; }
  .b-ok { background:#e9faf1; color:#077a45; border-color:#cdf3e0; }
  .b-err { background:#fdeced; color:#ab1f2a; border-color:#fbd8da; }
  .b-warn { background:#fff6e6; color:#8a4c04; border-color:#ffe9c2; }
  .b-mute { background:#f0f2f5; color:#344054; border-color:#e3e7ed; }
  .b-violet { background:#f0efff; color:#3f3ac4; border-color:#e3e1ff; }
  .b-cyan { background:#ecfaff; color:#2a9cbb; border-color:#d3f3fd; }
  .b-info { background:#eef3ff; color:#2339a6; border-color:#c2d3ff; }
  .b-dash { background:transparent; color:#98a2b3; border:1px dashed #d2d8e1; }
  .dot { width:7px; height:7px; border-radius:50%; background:currentColor; display:inline-block; position:relative; flex-shrink:0; }
  .dot.ping::after { content:""; position:absolute; inset:0; border-radius:50%; background:currentColor; animation:ping 1s cubic-bezier(0,0,.2,1) infinite; }
  .pill { display:inline-flex; align-items:center; gap:5px; height:20px; padding:0 9px; border-radius:999px; font-size:11px; font-weight:700; border:1px solid; white-space:nowrap; }
  .p-pink { color:#ec4899; background:#ec489915; border-color:#ec489930; }
  .p-more { color:#344054; background:#f0f2f5; border-color:#e3e7ed; }
  .p-add { color:#98a2b3; border:1px dashed #d2d8e1; background:transparent; }
  .ms { display:inline-flex; align-items:center; gap:6px; border:1px solid #e3e7ed; background:#fff; border-radius:999px; padding:4px 8px; font-size:11px; font-weight:600; color:#475467; }
  .ms > b { color:#315ef5; font-size:12px; font-weight:700; }
  .ms > i { width:1px; height:12px; background:#e3e7ed; }
  .ms span::before { content:""; display:inline-block; width:6px; height:6px; border-radius:50%; margin-right:4px; vertical-align:1px; }
  .ms .g::before { background:#0d9b59; } .ms .r::before { background:#d92d3a; } .ms .o::before { background:#d97706; } .ms .b::before { background:#315ef5; } .ms .x::before { background:#667085; }
  .chip { display:inline-flex; align-items:center; gap:4px; height:20px; padding:0 6px; border-radius:8px; font-size:11px; font-weight:500; border-width:1px; border-style:solid; }
  .time { font-size:12px; font-weight:700; color:#667085; }
  .time.stale { color:#8a4c04; } .time.old { color:#ab1f2a; }
  .btn { display:inline-flex; align-items:center; gap:5px; height:28px; padding:0 9px; border-radius:8px; font-size:12px; font-weight:500; border:1px solid #d2d8e1; background:#fff; color:#101828; white-space:nowrap; }
  .btn.prim { border-color:#9bb6ff; color:#2946d3; }
  .btn.amber { border-color:#ffe9c2; color:#8a4c04; }
  .btn.solid { border-color:#315ef5; background:#315ef5; color:#fff; height:32px; border-radius:8px; }
  .btn.mute { color:#98a2b3; border-color:#e3e7ed; }
  .tk { display:inline-flex; align-items:center; gap:6px; height:24px; padding:0 10px; border-radius:999px; font-size:12px; font-weight:600; }
  .banner { display:flex; align-items:center; gap:8px; border:1px solid; border-radius:10px; padding:7px 12px; font-size:12px; }
  .nav { background:#fff; border:1px solid #e3e7ed; border-radius:10px; width:250px; padding:.4rem 0; font-family:Inter,"Segoe UI",Arial,sans-serif; color:#475467; }
  .nav .g { font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#98a2b3; padding:.5rem 1rem .2rem; }
  .nav .it { display:flex; align-items:center; gap:10px; padding:6px 16px; font-size:13px; border-left:3px solid transparent; }
  .nav .it.on { background:#eef3ff; color:#315ef5; font-weight:600; border-left-color:#315ef5; }
  .navwrap { display:flex; gap:1.2rem; flex-wrap:wrap; align-items:flex-start; }
  .navwrap > div:last-child { flex:1; min-width:260px; }
  .name b { display:block; font-size:13px; color:#101828; }
  .name span { font-size:11px; color:#475467; }
  /* Phần 3: nút mang màu không có viền, dùng nền nhạt */
  #p3 .btn.prim { border-color:transparent; background:#eef3ff; color:#2946d3; }
  #p3 .btn.amber { border-color:transparent; background:#fff6e6; color:#8a4c04; }
  #p3 .btn.red-soft { border-color:transparent; background:#fdeced; color:#ab1f2a; }
  .kp { display:inline-flex; align-items:center; gap:10px; border:1px solid #e3e7ed; background:#fff; border-radius:8px; padding:10px 14px; }
  .kp em { display:block; font-style:normal; font-size:13px; color:#475467; }
  .kp b { font-size:20px; color:#101828; }
  .av { width:24px; height:24px; border-radius:8px; color:#fff; display:inline-flex; align-items:center; justify-content:center; }
  .edot { width:32px; height:32px; border-radius:50%; color:#fff; display:inline-flex; align-items:center; justify-content:center; }
  .hc { width:13px; height:13px; border-radius:3px; display:inline-block; }
  .h4 { font-size:.95rem; font-weight:800; color:var(--heading); margin:1.1rem 0 .3rem; }
</style>
</head>
<body>

<!-- Bộ icon dùng trong trang (Lucide, nét 2px) -->
<svg width="0" height="0" style="position:absolute" aria-hidden="true">
  <symbol id="eye" viewBox="0 0 24 24"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"/><circle cx="12" cy="12" r="3"/></symbol>
  <symbol id="sprout" viewBox="0 0 24 24"><path d="M7 20h10"/><path d="M10 20c5.5-2.5.8-6.4 3-10"/><path d="M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.5.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z"/><path d="M14.1 6a7 7 0 0 0-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1-1 1.6-2.3 1.7-4.6-2.7.1-4 1-4.9 2z"/></symbol>
  <symbol id="package" viewBox="0 0 24 24"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"/><path d="M12 22V12"/><path d="m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7"/></symbol>
  <symbol id="archive" viewBox="0 0 24 24"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></symbol>
  <symbol id="circle-dashed" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" stroke-dasharray="3.2 3.2"/></symbol>
  <symbol id="waypoints" viewBox="0 0 24 24"><circle cx="12" cy="4.5" r="2.5"/><path d="m10.2 6.3-3.9 3.9"/><circle cx="4.5" cy="12" r="2.5"/><path d="M7 12h10"/><circle cx="19.5" cy="12" r="2.5"/><path d="m13.8 17.7 3.9-3.9"/><circle cx="12" cy="19.5" r="2.5"/></symbol>
  <symbol id="power" viewBox="0 0 24 24"><path d="M12 2v10"/><path d="M18.4 6.6a9 9 0 1 1-12.77.04"/></symbol>
  <symbol id="hdd" viewBox="0 0 24 24"><line x1="22" x2="2" y1="12" y2="12"/><path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"/><line x1="6" x2="6.01" y1="16" y2="16"/><line x1="10" x2="10.01" y1="16" y2="16"/></symbol>
  <symbol id="megaphone" viewBox="0 0 24 24"><path d="m3 11 18-5v12L3 14v-3z"/><path d="M11.6 16.8a3 3 0 1 1-5.8-1.6"/></symbol>
  <symbol id="building" viewBox="0 0 24 24"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"/><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"/><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"/><path d="M10 6h4"/><path d="M10 10h4"/><path d="M10 14h4"/><path d="M10 18h4"/></symbol>
  <symbol id="monitor-phone" viewBox="0 0 24 24"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"/><path d="M10 19v-3.96 3.15"/><path d="M7 19h5"/><rect width="6" height="10" x="16" y="12" rx="2"/></symbol>
  <symbol id="camera" viewBox="0 0 24 24"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"/><circle cx="12" cy="13" r="3"/></symbol>
  <symbol id="flag" viewBox="0 0 24 24"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" x2="4" y1="22" y2="15"/></symbol>
  <symbol id="crosshair" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><line x1="22" x2="18" y1="12" y2="12"/><line x1="6" x2="2" y1="12" y2="12"/><line x1="12" x2="12" y1="6" y2="2"/><line x1="12" x2="12" y1="22" y2="18"/></symbol>
  <symbol id="target" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/></symbol>
  <symbol id="layers" viewBox="0 0 24 24"><path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"/><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"/><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"/></symbol>
  <symbol id="image" viewBox="0 0 24 24"><rect width="18" height="18" x="3" y="3" rx="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></symbol>
  <symbol id="folder" viewBox="0 0 24 24"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/></symbol>
  <symbol id="folder-input" viewBox="0 0 24 24"><path d="M2 9V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1"/><path d="M2 13h10"/><path d="m9 16 3-3-3-3"/></symbol>
  <symbol id="folder-cog" viewBox="0 0 24 24"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/><circle cx="12" cy="13" r="2"/></symbol>
  <symbol id="folder-sync" viewBox="0 0 24 24"><path d="M9 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v.5"/><path d="M12 10v4h4"/><path d="m12 14 1.535-1.605a5 5 0 0 1 8 1.5"/><path d="M22 22v-4h-4"/><path d="m22 18-1.535 1.605a5 5 0 0 1-8-1.5"/></symbol>
  <symbol id="card" viewBox="0 0 24 24"><rect width="20" height="14" x="2" y="5" rx="2"/><line x1="2" x2="22" y1="10" y2="10"/></symbol>
  <symbol id="wallet" viewBox="0 0 24 24"><path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"/><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"/></symbol>
  <symbol id="users" viewBox="0 0 24 24"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></symbol>
  <symbol id="user" viewBox="0 0 24 24"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></symbol>
  <symbol id="star" viewBox="0 0 24 24"><path d="M11.5 2.3a.5.5 0 0 1 1 0l2.3 4.7a2 2 0 0 0 1.5 1.1l5.2.8a.5.5 0 0 1 .3.9l-3.8 3.7a2 2 0 0 0-.6 1.8l.9 5.2a.5.5 0 0 1-.8.6l-4.6-2.5a2 2 0 0 0-1.9 0l-4.6 2.5a.5.5 0 0 1-.8-.6l.9-5.2a2 2 0 0 0-.6-1.8L2.6 9.8a.5.5 0 0 1 .3-.9l5.2-.8a2 2 0 0 0 1.5-1.1z"/></symbol>
  <symbol id="user-circle" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="10" r="3"/><path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662"/></symbol>
  <symbol id="handshake" viewBox="0 0 24 24"><path d="m11 17 2 2a1 1 0 1 0 3-3"/><path d="m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4"/><path d="m21 3 1 11h-2"/><path d="M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3"/><path d="M3 4h8"/></symbol>
  <symbol id="briefcase" viewBox="0 0 24 24"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/><rect width="20" height="14" x="2" y="6" rx="2"/></symbol>
  <symbol id="crown" viewBox="0 0 24 24"><path d="M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z"/><path d="M5 21h14"/></symbol>
  <symbol id="shield" viewBox="0 0 24 24"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/></symbol>
  <symbol id="shield-check" viewBox="0 0 24 24"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></symbol>
  <symbol id="shield-alert" viewBox="0 0 24 24"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="M12 8v4"/><path d="M12 16h.01"/></symbol>
  <symbol id="badge-check" viewBox="0 0 24 24"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"/><path d="m9 12 2 2 4-4"/></symbol>
  <symbol id="wifi" viewBox="0 0 24 24"><path d="M12 20h.01"/><path d="M2 8.82a15 15 0 0 1 20 0"/><path d="M5 12.859a10 10 0 0 1 14 0"/><path d="M8.5 16.429a5 5 0 0 1 7 0"/></symbol>
  <symbol id="wifi-off" viewBox="0 0 24 24"><path d="M12 20h.01"/><path d="M8.5 16.429a5 5 0 0 1 7 0"/><path d="M5 12.859a10 10 0 0 1 5.17-2.69"/><path d="M19 12.859a10 10 0 0 0-2.007-1.523"/><path d="M2 8.82a15 15 0 0 1 4.177-2.643"/><path d="M22 8.82a15 15 0 0 0-11.288-3.764"/><path d="m2 2 20 20"/></symbol>
  <symbol id="globe" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/></symbol>
  <symbol id="pin" viewBox="0 0 24 24"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></symbol>
  <symbol id="key" viewBox="0 0 24 24"><path d="M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z"/><circle cx="16.5" cy="7.5" r=".5"/></symbol>
  <symbol id="id-card" viewBox="0 0 24 24"><path d="M16 10h2"/><path d="M16 14h2"/><path d="M6.17 15a3 3 0 0 1 5.66 0"/><circle cx="9" cy="11" r="2"/><rect x="2" y="5" width="20" height="14" rx="2"/></symbol>
  <symbol id="lock" viewBox="0 0 24 24"><rect width="18" height="11" x="3" y="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></symbol>
  <symbol id="lock-open" viewBox="0 0 24 24"><rect width="18" height="11" x="3" y="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 9.9-1"/></symbol>
  <symbol id="cookie" viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5"/><path d="M8.5 8.5v.01"/><path d="M16 15.5v.01"/><path d="M12 12v.01"/><path d="M11 17v.01"/><path d="M7 14v.01"/></symbol>
  <symbol id="plug" viewBox="0 0 24 24"><path d="M12 22v-5"/><path d="M9 8V2"/><path d="M15 8V2"/><path d="M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z"/></symbol>
  <symbol id="plug-zap" viewBox="0 0 24 24"><path d="M6.3 20.3a2.4 2.4 0 0 0 3.4 0L12 18l-6-6-2.3 2.3a2.4 2.4 0 0 0 0 3.4Z"/><path d="m2 22 3-3"/><path d="M7.5 13.5 10 11"/><path d="M10.5 16.5 13 14"/><path d="m18 3-4 4h6l-4 4"/></symbol>
  <symbol id="link" viewBox="0 0 24 24"><path d="M9 17H7A5 5 0 0 1 7 7h2"/><path d="M15 7h2a5 5 0 1 1 0 10h-2"/><line x1="8" x2="16" y1="12" y2="12"/></symbol>
  <symbol id="link-off" viewBox="0 0 24 24"><path d="M9 17H7A5 5 0 0 1 7 7"/><path d="M15 7h2a5 5 0 0 1 4 8"/><line x1="8" x2="12" y1="12" y2="12"/><line x1="2" x2="22" y1="2" y2="22"/></symbol>
  <symbol id="bot" viewBox="0 0 24 24"><path d="M12 8V4H8"/><rect width="16" height="12" x="4" y="8" rx="2"/><path d="M2 14h2"/><path d="M20 14h2"/><path d="M15 13v2"/><path d="M9 13v2"/></symbol>
  <symbol id="refresh" viewBox="0 0 24 24"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/></symbol>
  <symbol id="loader" viewBox="0 0 24 24"><path d="M21 12a9 9 0 1 1-6.219-8.56"/></symbol>
  <symbol id="check-circle" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/></symbol>
  <symbol id="x-circle" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></symbol>
  <symbol id="minus-circle" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M8 12h8"/></symbol>
  <symbol id="alert" viewBox="0 0 24 24"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></symbol>
  <symbol id="alert-circle" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/></symbol>
  <symbol id="clock" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></symbol>
  <symbol id="history" viewBox="0 0 24 24"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/><path d="M12 7v5l4 2"/></symbol>
  <symbol id="activity" viewBox="0 0 24 24"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/></symbol>
  <symbol id="bar-chart" viewBox="0 0 24 24"><line x1="12" x2="12" y1="20" y2="10"/><line x1="18" x2="18" y1="20" y2="4"/><line x1="6" x2="6" y1="20" y2="16"/></symbol>
  <symbol id="gauge" viewBox="0 0 24 24"><path d="m12 14 4-4"/><path d="M3.34 19a10 10 0 1 1 17.32 0"/></symbol>
  <symbol id="clipboard" viewBox="0 0 24 24"><rect width="8" height="4" x="8" y="2" rx="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="M12 11h4"/><path d="M12 16h4"/><path d="M8 11h.01"/><path d="M8 16h.01"/></symbol>
  <symbol id="file" viewBox="0 0 24 24"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></symbol>
  <symbol id="receipt" viewBox="0 0 24 24"><path d="M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z"/><path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"/><path d="M12 17.5v-11"/></symbol>
  <symbol id="mail-check" viewBox="0 0 24 24"><path d="M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/><path d="m16 19 2 2 4-4"/></symbol>
  <symbol id="chrome" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="4"/><line x1="21.17" x2="12" y1="8" y2="8"/><line x1="3.95" x2="8.54" y1="6.06" y2="14"/><line x1="10.88" x2="15.46" y1="21.94" y2="14"/></symbol>
  <symbol id="monitor" viewBox="0 0 24 24"><rect width="20" height="14" x="2" y="3" rx="2"/><line x1="8" x2="16" y1="21" y2="21"/><line x1="12" x2="12" y1="17" y2="21"/></symbol>
  <symbol id="dashboard" viewBox="0 0 24 24"><rect width="7" height="9" x="3" y="3" rx="1"/><rect width="7" height="5" x="14" y="3" rx="1"/><rect width="7" height="9" x="14" y="12" rx="1"/><rect width="7" height="5" x="3" y="16" rx="1"/></symbol>
  <symbol id="arrows-lr" viewBox="0 0 24 24"><path d="M8 3 4 7l4 4"/><path d="M4 7h16"/><path d="m16 21 4-4-4-4"/><path d="M20 17H4"/></symbol>
  <symbol id="ban" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></symbol>
  <symbol id="skull" viewBox="0 0 24 24"><path d="m12.5 17-.5-1-.5 1h1z"/><path d="M15 22a1 1 0 0 0 1-1v-1a2 2 0 0 0 1.56-3.25 8 8 0 1 0-11.12 0A2 2 0 0 0 8 20v1a1 1 0 0 0 1 1z"/><circle cx="15" cy="12" r="1"/><circle cx="9" cy="12" r="1"/></symbol>
  <symbol id="dollar" viewBox="0 0 24 24"><line x1="12" x2="12" y1="2" y2="22"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></symbol>
  <symbol id="zap" viewBox="0 0 24 24"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/></symbol>
  <symbol id="wrench" viewBox="0 0 24 24"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></symbol>
  <symbol id="sliders" viewBox="0 0 24 24"><line x1="21" x2="14" y1="4" y2="4"/><line x1="10" x2="3" y1="4" y2="4"/><line x1="21" x2="12" y1="12" y2="12"/><line x1="8" x2="3" y1="12" y2="12"/><line x1="21" x2="16" y1="20" y2="20"/><line x1="12" x2="3" y1="20" y2="20"/><line x1="14" x2="14" y1="2" y2="6"/><line x1="8" x2="8" y1="10" y2="14"/><line x1="16" x2="16" y1="18" y2="22"/></symbol>
  <symbol id="bookmark" viewBox="0 0 24 24"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"/></symbol>
  <symbol id="copy" viewBox="0 0 24 24"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></symbol>
  <symbol id="tag" viewBox="0 0 24 24"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5"/></symbol>
  <symbol id="msg" viewBox="0 0 24 24"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="M13 8H7"/><path d="M17 12H7"/></symbol>
  <symbol id="calendar" viewBox="0 0 24 24"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></symbol>
  <symbol id="plus-circle" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M8 12h8"/><path d="M12 8v8"/></symbol>
  <symbol id="plus" viewBox="0 0 24 24"><path d="M5 12h14"/><path d="M12 5v14"/></symbol>
  <symbol id="square-check" viewBox="0 0 24 24"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="m9 12 2 2 4-4"/></symbol>
  <symbol id="trash" viewBox="0 0 24 24"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/></symbol>
  <symbol id="download" viewBox="0 0 24 24"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></symbol>
  <symbol id="settings2" viewBox="0 0 24 24"><path d="M20 7h-9"/><path d="M14 17H5"/><circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/></symbol>
  <symbol id="search" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></symbol>
  <symbol id="list-filter" viewBox="0 0 24 24"><path d="M3 6h18"/><path d="M7 12h10"/><path d="M10 18h4"/></symbol>
  <symbol id="chev-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"/></symbol>
  <symbol id="external" viewBox="0 0 24 24"><path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></symbol>
  <symbol id="flame" viewBox="0 0 24 24"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"/></symbol>
</svg>

<div class="wrap">

<header class="hero">
  <div class="eyebrow">Tài liệu khác · Chỉnh sửa web khách</div>
  <h1>Chốt lại mục Tài sản</h1>
  <div class="meta">
    <div><span class="k">Cập nhật</span>2026-10-09</div>
    <div><span class="k">Phạm vi</span>7 trang trong mục Tài sản của web Khách: VIA, BM, ADS (TKQC), Instagram, Page, Pixel, Campaign. Gom từ 7 bản chỉnh sửa từng trang, đọc mã nguồn tại commit <code>c36e7de8</code>.</div>
    <div><span class="k">Cách đọc</span>
      <ul>
        <li>Phần 1 nối các trang lại: khối nào, bảng nào đang được dùng chung ở nhiều trang.</li>
        <li>Phần 2 đối chiếu từng loại logo, biểu tượng, icon: trang nào đang dùng kiểu nào.</li>
        <li>Phần 3 là bản chốt cuối cùng: mỗi loại chỉ còn một cách thể hiện, trang nào cũng theo. Số mục 3.1 đến 3.19 trùng số mục ở Phần 2 (2.5 ↔ 3.5) để dò ngược. Phần riêng của trang chi tiết chốt ở 3.23. <b>Dev bắt đầu đọc từ Phần 3.</b></li>
      </ul>
    </div>
    <div><span class="k">Liên quan</span>
      <a class="pg" href="chinh-sua-trang-via.html">VIA</a>
      <a class="pg" href="chinh-sua-trang-bm.html">BM</a>
      <a class="pg" href="chinh-sua-trang-ads.html">ADS</a>
      <a class="pg" href="chinh-sua-trang-instagram.html">Instagram</a>
      <a class="pg" href="chinh-sua-trang-page.html">Page</a>
      <a class="pg" href="chinh-sua-trang-pixel.html">Pixel</a>
      <a class="pg" href="chinh-sua-trang-campaign.html">Campaign</a>
    </div>
  </div>
</header>

<nav class="toc">
  <a href="#p1">1. Khối dùng chung</a>
  <a href="#p2">2. Đối chiếu icon</a>
  <a href="#p3" class="go">3. Bản chốt · dev đọc từ đây</a>
  <a href="#c2" class="p3">Icon đối tượng</a>
  <a href="#c3" class="p3">Cột điều hướng</a>
  <a href="#c4" class="p3">Trạng thái</a>
  <a href="#c5" class="p3">Đồng bộ</a>
  <a href="#c9" class="p3">Ô đếm</a>
  <a href="#c13" class="p3">Kết quả chạy</a>
  <a href="#c22" class="p3">Cỡ và bo góc</a>
  <a href="#c23" class="p3">Mã màu</a>
  <a href="#c24" class="p3">Trang chi tiết</a>
</nav>

<!-- ================= PHẦN 1 ================= -->
<section class="block" id="p1">
  <h2>Phần 1. Liên kết các trang: khối dùng chung</h2>
  <p class="lead">Cùng một khối mà đang hiện ở nhiều trang. Sửa khối này một lần là sửa được ở mọi nơi nó xuất hiện.</p>

  <div class="grid">
    <div class="card">
      <h4><span class="n">1.1</span><svg class="i"><use href="#megaphone"/></svg>Bảng TKQC</h4>
      <div class="where"><a class="pg" href="chinh-sua-trang-ads.html">ADS</a><a class="pg" href="chinh-sua-trang-via.html">VIA</a><a class="pg" href="chinh-sua-trang-bm.html">BM</a><a class="pg" href="chinh-sua-trang-instagram.html">Instagram</a></div>
      <ul>
        <li>Quản lý ADS (bảng chính).</li>
        <li>Chi tiết VIA: tab TKQC trực tiếp, TKQC qua BM.</li>
        <li>Chi tiết BM: tab TKQC Gốc, TKQC Chia sẻ, TKQC có quyền (dùng chung bảng 25 cột với chi tiết VIA, menu Công cụ đủ 8 thao tác).</li>
        <li>Chi tiết Instagram: tab TKQC trực tiếp, TKQC qua BM.</li>
      </ul>
      <div class="note"><span class="lech">Đang lệch:</span> bảng ở Quản lý ADS và bảng trong các trang chi tiết là hai bản khác nhau. Cột Via / BM, DSL, Tiền tệ, Kỳ hạn, Múi giờ khác màu và khác kiểu giữa hai bản (xem 2.9, 2.17, 2.18).</div>
    </div>

    <div class="card">
      <h4><span class="n">1.2</span><svg class="i"><use href="#building"/></svg>Bảng BM</h4>
      <div class="where"><a class="pg" href="chinh-sua-trang-bm.html">BM</a><a class="pg" href="chinh-sua-trang-via.html">VIA</a><a class="pg" href="chinh-sua-trang-instagram.html">Instagram</a><a class="pg" href="chinh-sua-trang-ads.html">ADS</a></div>
      <ul>
        <li>Quản lý BM (bảng chính).</li>
        <li>Chi tiết VIA: tab Business Managers.</li>
        <li>Chi tiết Instagram: tab Business Managers (dùng chung bảng với chi tiết VIA).</li>
        <li>Chi tiết TKQC: tab BM liên kết.</li>
      </ul>
      <div class="note"><span class="lech">Đang lệch:</span> cột Trạng thái, Loại Die, Đồng bộ, Kết nối nâng cao hiện khác nhau giữa Quản lý BM và bảng BM trong trang chi tiết.</div>
    </div>

    <div class="card">
      <h4><span class="n">1.3</span><svg class="i"><use href="#monitor-phone"/></svg>Thẻ VIA</h4>
      <div class="where"><a class="pg" href="chinh-sua-trang-bm.html">BM</a><a class="pg" href="chinh-sua-trang-ads.html">ADS</a></div>
      <ul><li>Chi tiết BM tab VIA liên kết; chi tiết TKQC tab VIA liên kết (giống trang BM, thêm nhãn "Gốc" / "Share").</li></ul>
    </div>

    <div class="card">
      <h4><span class="n">1.4</span><svg class="i"><use href="#dashboard"/></svg>Đầu trang chi tiết</h4>
      <div class="where"><a class="pg" href="chinh-sua-trang-via.html">VIA</a><a class="pg" href="chinh-sua-trang-bm.html">BM</a><a class="pg" href="chinh-sua-trang-ads.html">ADS</a><a class="pg" href="chinh-sua-trang-instagram.html">Instagram</a></div>
      <ul>
        <li>Dải nhận diện và cột điều hướng: chi tiết VIA, BM, ADS, Instagram.</li>
        <li>Page, Pixel, Campaign không có trang chi tiết: bấm tên Page mở Facebook, bấm tên Pixel mở BM đầu tiên, Campaign không có dòng nào dẫn tới trang chi tiết.</li>
      </ul>
    </div>

    <div class="card">
      <h4><span class="n">1.5</span><svg class="i"><use href="#link"/></svg>Khu nguyên liệu</h4>
      <div class="where"><a class="pg" href="chinh-sua-trang-via.html">VIA</a><a class="pg" href="chinh-sua-trang-instagram.html">Instagram</a><a class="pg" href="chinh-sua-trang-bm.html">BM</a><a class="pg" href="chinh-sua-trang-pixel.html">Pixel</a></div>
      <p style="margin:.2rem 0;font-size:.9rem">Kết nối nâng cao, Phiên đăng nhập, Proxy.</p>
      <ul>
        <li>Quản lý VIA (cột) và tab Thông tin VIA, tab Kết nối nâng cao.</li>
        <li>Quản lý Instagram (cột) và tab Thông tin IG (chỉ có Phiên đăng nhập, không có Kết nối nâng cao).</li>
        <li>Quản lý BM (cột Kết nối nâng cao), tab Thông tin doanh nghiệp, tab Kết nối nâng cao.</li>
        <li>Thẻ VIA trong chi tiết BM (nhãn Cookie, Proxy).</li>
        <li>Hộp thao tác hàng loạt ở VIA, Pixel (nhãn "Chưa đủ kết nối — Bổ sung").</li>
      </ul>
    </div>

    <div class="card">
      <h4><span class="n">1.6</span><svg class="i"><use href="#history"/></svg>Lịch sử, nhật ký, cảnh báo</h4>
      <div class="where"><a class="pg" href="chinh-sua-trang-via.html">VIA</a><a class="pg" href="chinh-sua-trang-bm.html">BM</a><a class="pg" href="chinh-sua-trang-ads.html">ADS</a><a class="pg" href="chinh-sua-trang-instagram.html">Instagram</a></div>
      <ul><li>Gồm Lịch sử, Lịch sử huỷ liên kết, Lịch sử trạng thái, Cảnh báo, Nhật ký tài sản, Nhật ký hệ thống.</li></ul>
    </div>

    <div class="card">
      <h4><span class="n">1.7</span><svg class="i"><use href="#external"/></svg>Cây liên kết, xem nhanh, Mở nhanh</h4>
      <div class="where"><a class="pg" href="chinh-sua-trang-page.html">Page</a><a class="pg" href="chinh-sua-trang-pixel.html">Pixel</a><a class="pg" href="chinh-sua-trang-bm.html">BM</a><a class="pg" href="chinh-sua-trang-ads.html">ADS</a></div>
      <ul>
        <li><b>Cây liên kết và thẻ xem nhanh:</b> Page, Pixel.</li>
        <li><b>Mở nhanh:</b> BM (13 mục), ADS, Page (8 mục), Pixel (5 mục).</li>
      </ul>
    </div>

    <div class="card">
      <h4><span class="n">1.8</span><svg class="i"><use href="#loader"/></svg>Hộp thao tác hàng loạt</h4>
      <div class="where"><a class="pg" href="chinh-sua-trang-via.html">VIA</a><a class="pg" href="chinh-sua-trang-ads.html">ADS</a><a class="pg" href="chinh-sua-trang-page.html">Page</a><a class="pg" href="chinh-sua-trang-pixel.html">Pixel</a><a class="pg" href="chinh-sua-trang-campaign.html">Campaign</a><a class="pg" href="chinh-sua-trang-instagram.html">Instagram</a></div>
      <ul><li>VIA (menu Công cụ, tab Lời mời), bảng TKQC (menu Công cụ), Page (Đồng bộ Page), Pixel (Đồng bộ Pixel, thao tác 4 bước), Campaign (Thao tác theo UID), Instagram (Nhận link BM), ADS (Lịch sử Limit).</li></ul>
    </div>

    <div class="card">
      <h4><span class="n">1.9</span><svg class="i"><use href="#sliders"/></svg>Thanh trên bảng, chân bảng</h4>
      <div class="where"><span class="pg">cả 7 trang</span></div>
      <ul><li>Gồm tiêu đề, nhãn nhóm, ô tìm, Tag, thanh khi chọn dòng, dải đếm, số dòng mỗi trang.</li></ul>
    </div>

    <div class="card">
      <h4><span class="n">1.10</span><svg class="i"><use href="#target"/></svg>Ads Manager ↔ Campaign</h4>
      <div class="where"><a class="pg" href="chinh-sua-trang-ads.html">ADS</a><a class="pg" href="chinh-sua-trang-campaign.html">Campaign</a></div>
      <ul><li>Tab Ads Manager trong chi tiết TKQC (Campaigns / Ad Sets / Ads) và trang Quản lý Campaign (Chiến dịch / Nhóm quảng cáo / Quảng cáo) là cùng một dữ liệu, đang là hai bảng, hai bộ chữ.</li></ul>
    </div>
  </div>
</section>

<!-- ================= PHẦN 2 ================= -->
<section class="block" id="p2">
  <h2>Phần 2. Đối chiếu logo, biểu tượng, icon đang dùng</h2>

  <h3 id="d1">2.1. Icon tiêu đề trang</h3>
  <div class="vars">
    <div class="var"><div class="lbl">Tia sét<div class="sw"><span class="ic t-brand"><svg class="i" style="fill:#315ef5"><use href="#zap"/></svg></span></div></div>
      <div>Cả 7 trang (VIA, BM, ADS, Instagram, Page, Pixel, Campaign), kể cả trang không liên quan.</div></div>
    <div class="var"><div class="lbl">Chữ nhấn sau "Quản lý"</div>
      <div>"<i>BM</i>", "<i>ADS</i>", "<i>Instagram</i>", "<i>Chiến dịch</i>" viết thường; "<i>PAGE</i>", "<i>PIXEL</i>" viết hoa.</div></div>
    <div class="var"><div class="lbl">Tiêu đề lệch menu</div>
      <div>Campaign ghi "Quản lý Chiến dịch", menu ghi "Quản lý Campaign".</div></div>
  </div>

  <h3 id="d2">2.2. Icon đối tượng</h3>
  <div class="vars">
    <div class="var"><div class="lbl">VIA<div class="sw">
        <span class="ic t-mute"><svg class="i"><use href="#monitor-phone"/></svg></span>
        <span class="ic t-mute"><svg class="i"><use href="#user"/></svg></span>
        <span class="ic t-mute"><svg class="i"><use href="#shield"/></svg></span></div></div>
      <ul>
        <li>Màn hình cạnh điện thoại: dải nhận diện chi tiết VIA, thẻ VIA trong BM, cột VIA ở Page và Pixel, cây liên kết Page.</li>
        <li>Hình người: cột Via / BM ở Quản lý ADS, cột Via / BM trong bảng TKQC chi tiết, cột Đồng bộ ở Quản lý BM (đồng bộ bằng VIA).</li>
        <li>Khiên: mục "VIA liên kết" trong cột điều hướng chi tiết BM và chi tiết ADS.</li>
      </ul></div>
    <div class="var"><div class="lbl">Instagram<div class="sw"><span class="ic t-mute"><svg class="i"><use href="#camera"/></svg></span></div></div>
      <div>Máy ảnh ở mọi chỗ (menu, ô đầu cột Tài khoản, dải nhận diện). <span class="done">Đã thống nhất.</span></div></div>
    <div class="var"><div class="lbl">BM<div class="sw">
        <span class="ic t-mute"><svg class="i"><use href="#building"/></svg></span>
        <span class="ic t-mute"><svg class="i"><use href="#briefcase"/></svg></span>
        <span class="ic t-mute"><svg class="i"><use href="#crown"/></svg></span></div></div>
      <ul>
        <li>Toà nhà: dải nhận diện chi tiết BM, cột Via / BM ở ADS, cây liên kết Page, cột Quyền VIA bảng TKQC, mục "Đối tác" ở chi tiết BM.</li>
        <li>Cặp tài liệu: mục "Business Managers" ở chi tiết VIA và Instagram, nút "Đồng bộ BM" ở Instagram, nút "Đồng bộ giới hạn TKQC".</li>
        <li>Vương miện: ô BM Gốc ở ADS khi BM sống, cột Đồng bộ ở Quản lý BM (đồng bộ bằng kết nối nâng cao BM).</li>
      </ul></div>
    <div class="var"><div class="lbl">TKQC<div class="sw">
        <span class="ic t-mute"><svg class="i"><use href="#megaphone"/></svg></span>
        <span class="ic t-mute"><svg class="i"><use href="#card"/></svg></span>
        <span class="ic t-mute"><svg class="i"><use href="#briefcase"/></svg></span>
        <span class="ic t-mute"><svg class="i"><use href="#shield-check"/></svg></span>
        <span class="ic t-mute"><svg class="i"><use href="#building"/></svg></span></div></div>
      <ul>
        <li>Cái loa: menu ADS, dải nhận diện chi tiết TKQC, nút "Gỡ TKQC" ở BM, cột Quảng cáo ở Page, cột Tài khoản QC ở Pixel, cây liên kết Page.</li>
        <li>Thẻ tín dụng: mục TKQC trực tiếp (VIA, Instagram), TKQC Gốc và TKQC Chia sẻ (BM), nhãn TKQC chia sẻ ở tab Đối tác.</li>
        <li>Cặp tài liệu: mục TKQC qua BM (VIA, Instagram).</li>
        <li>Khiên dấu tích: mục TKQC có quyền (BM).</li>
        <li>Toà nhà: ô Tài khoản liên kết ở Campaign.</li>
      </ul></div>
    <div class="var"><div class="lbl">Page<div class="sw">
        <span class="ic t-mute"><svg class="i"><use href="#flag"/></svg></span>
        <span class="ic t-mute"><svg class="i"><use href="#file"/></svg></span>
        <span class="ic t-mute"><svg class="i"><use href="#building"/></svg></span></div></div>
      <div>Lá cờ ở menu và trang Page; tờ giấy ở mục "Trang" chi tiết BM; toà nhà ở hộp liên kết Page.</div></div>
    <div class="var"><div class="lbl">Pixel<div class="sw">
        <span class="ic t-mute"><svg class="i"><use href="#crosshair"/></svg></span>
        <span class="ic t-mute"><svg class="i"><use href="#megaphone"/></svg></span></div></div>
      <div>Tâm ngắm ở menu và mục Pixel chi tiết BM; radar ở thẻ xem nhanh; cái loa ở hộp liên kết Pixel.</div></div>
    <div class="var"><div class="lbl">Campaign<div class="sw">
        <span class="ic t-mute"><svg class="i"><use href="#target"/></svg></span>
        <span class="ic t-mute"><svg class="i"><use href="#layers"/></svg></span>
        <span class="ic t-mute"><svg class="i"><use href="#file"/></svg></span>
        <span class="ic t-mute"><svg class="i"><use href="#bar-chart"/></svg></span></div></div>
      <div>Bia bắn (menu, tab Chiến dịch); các lớp (tab Nhóm quảng cáo, ô Số Nhóm QC); tờ giấy (tab Quảng cáo) nhưng cái loa (ô Số Quảng cáo); biểu đồ cột (mục Ads Manager chi tiết TKQC).</div></div>
    <div class="var"><div class="lbl">Nhóm<div class="sw"><span class="ic t-mute"><svg class="i"><use href="#folder-input"/></svg></span></div></div>
      <div>Thư mục có mũi tên (cột Nhóm ở ADS); chữ xám không icon (cột Nhóm ở Instagram).</div></div>
    <div class="var"><div class="lbl">Nhóm tài sản trong BM<div class="sw">
        <span class="ic t-mute"><svg class="i"><use href="#layers"/></svg></span>
        <span class="ic t-mute"><svg class="i"><use href="#folder-cog"/></svg></span></div></div>
      <div>Các lớp (cột Nhóm TS ở ADS); thư mục bánh răng (mục Nhóm tài sản chi tiết BM). Các lớp còn dùng cho Nhóm quảng cáo và nhãn "Chọn tài khoản quản lý" ở ADS.</div></div>
    <div class="var"><div class="lbl">Thẻ thanh toán<div class="sw">
        <span class="ic t-mute"><svg class="i"><use href="#card"/></svg></span>
        <span class="ic t-mute"><svg class="i"><use href="#wallet"/></svg></span></div></div>
      <div>Thẻ tín dụng (mục Thanh toán chi tiết TKQC); cái ví (mục Thẻ thanh toán và nút "Đồng bộ thẻ" chi tiết BM).</div></div>
    <div class="var"><div class="lbl">Người dùng<div class="sw">
        <span class="ic t-mute"><svg class="i"><use href="#users"/></svg></span>
        <span class="ic t-mute"><svg class="i"><use href="#user-circle"/></svg></span></div></div>
      <div>Hai người (cột Users ở ADS); người trong vòng tròn (mục Người dùng chi tiết BM).</div></div>
    <div class="var"><div class="lbl">Proxy<div class="sw">
        <span class="ic t-mute"><svg class="i"><use href="#wifi"/></svg></span>
        <span class="ic t-brand code2">VN</span>
        <span class="ic t-mute"><span class="dot" style="color:#0d9b59"></span></span></div></div>
      <div>Sóng wifi (dòng proxy chi tiết VIA, IG, nút "Đổi proxy" ở Instagram); 2 chữ mã nước (cột Proxy VIA, Instagram); chấm màu (dải nhận diện chi tiết VIA).</div></div>
  </div>

  <h3 id="d3">2.3. Icon cột điều hướng trang chi tiết</h3>
  <div class="vars">
    <div class="var"><div class="lbl">Bảng điều khiển<div class="sw"><span class="ic t-mute"><svg class="i"><use href="#dashboard"/></svg></span></div></div>
      <div>Mục đầu ở cả 4 trang (Thông tin VIA, Thông tin doanh nghiệp, Tổng quan, Thông tin IG). <span class="done">Đã thống nhất.</span></div></div>
    <div class="var"><div class="lbl">Kết nối nâng cao<div class="sw"><span class="ic t-mute"><svg class="i"><use href="#plug-zap"/></svg></span><span class="ic t-mute"><svg class="i"><use href="#link"/></svg></span></div></div>
      <div>Phích cắm tia sét (VIA); mắt xích (BM).</div></div>
    <div class="var"><div class="lbl">Lịch sử<div class="sw"><span class="ic t-mute"><svg class="i"><use href="#history"/></svg></span></div></div>
      <div>Đồng hồ quay ngược (Hồ sơ hoạt động ở VIA, Lịch sử ở BM, ADS).</div></div>
    <div class="var"><div class="lbl">Lịch sử trạng thái<div class="sw"><span class="ic t-mute"><svg class="i"><use href="#activity"/></svg></span></div></div>
      <div>Nhịp tim (VIA, BM, ADS). <span class="lech">ADS dùng nhịp tim cho cả mục "Hoạt động".</span></div></div>
    <div class="var"><div class="lbl">Lịch sử huỷ liên kết<div class="sw"><span class="ic t-mute"><svg class="i"><use href="#link-off"/></svg></span></div></div>
      <div>Mắt xích đứt (VIA, BM, ADS).</div></div>
    <div class="var"><div class="lbl">Cảnh báo<div class="sw"><span class="ic t-mute"><svg class="i"><use href="#alert"/></svg></span></div></div>
      <div>Tam giác (cả 4 trang).</div></div>
    <div class="var"><div class="lbl">Nhật ký tài sản<div class="sw"><span class="ic t-mute"><svg class="i"><use href="#clipboard"/></svg></span></div></div>
      <div>Bảng kẹp giấy (cả 4 trang).</div></div>
    <div class="var"><div class="lbl">Nhật ký hệ thống<div class="sw"><span class="ic t-mute"><svg class="i"><use href="#file"/></svg></span></div></div>
      <div>Tờ giấy (cả 4 trang). <span class="lech">Tờ giấy còn dùng cho mục Trang (BM), tab Quảng cáo (Campaign), ô Ghi chú (chi tiết IG).</span></div></div>
    <div class="var"><div class="lbl">Lịch sử mật khẩu<div class="sw"><span class="ic t-mute"><svg class="i"><use href="#key"/></svg></span></div></div>
      <div>Chìa khoá (VIA, Instagram). <span class="lech">Chìa khoá còn dùng cho cột 2FA và ô Kết nối nâng cao Via.</span></div></div>
    <div class="var"><div class="lbl">Lời mời / Nhận link BM<div class="sw"><span class="ic t-mute"><svg class="i"><use href="#mail-check"/></svg></span></div></div>
      <div>Phong bì dấu tích (VIA, Instagram).</div></div>
    <div class="var"><div class="lbl">Chrome<div class="sw"><span class="ic t-mute"><svg class="i"><use href="#monitor"/></svg></span></div></div>
      <div>Màn hình (VIA).</div></div>
    <div class="var"><div class="lbl">Thông tin đăng nhập<div class="sw"><span class="ic t-mute"><svg class="i"><use href="#shield"/></svg></span></div></div>
      <div>Khiên (Instagram), <span class="lech">trùng khiên của "VIA liên kết".</span></div></div>
    <div class="var"><div class="lbl">Phiên đăng nhập<div class="sw"><span class="ic t-mute"><svg class="i"><use href="#cookie"/></svg></span></div></div>
      <div>Bánh quy (Instagram).</div></div>
    <div class="var"><div class="lbl">Riêng ADS<div class="sw"><span class="ic t-mute"><svg class="i"><use href="#receipt"/></svg></span><span class="ic t-mute"><svg class="i"><use href="#gauge"/></svg></span><span class="ic t-mute"><svg class="i"><use href="#shield-alert"/></svg></span><span class="ic t-mute"><svg class="i"><use href="#bar-chart"/></svg></span></div></div>
      <div>Billing (hoá đơn), Lịch sử Limit (đồng hồ đo), Tường lửa (khiên chấm than), Ads Manager (biểu đồ cột).</div></div>
    <div class="var"><div class="lbl">Riêng BM<div class="sw"><span class="ic t-mute"><svg class="i"><use href="#arrows-lr"/></svg></span><span class="ic t-mute"><svg class="i"><use href="#crosshair"/></svg></span></div></div>
      <div>Share TKQC (hai mũi tên ngược chiều), Pixel (tâm ngắm).</div></div>
    <div class="var"><div class="lbl">Mục đang mở</div>
      <div>Nền xanh nhạt, chữ đậm, vạch trái 3px ở cả 4 trang. <span class="done">Đã thống nhất.</span></div></div>
  </div>

  <h3 id="d4">2.4. Trạng thái chính của tài sản</h3>
  <div class="stage">
    <div class="m"><span class="row"><span class="bd b-ok">Hoạt động</span><span class="bd b-warn">CP 282</span><span class="bd b-mute">wrong_password</span></span><small>VIA: nhãn chữ</small></div>
    <div class="m"><span class="row"><span class="dot" style="color:#0d9b59"></span><span class="dot" style="color:#d92d3a"></span><span class="dot" style="color:#d97706"></span></span><small>BM, ADS: chấm 8px</small></div>
    <div class="m"><span class="row" style="font-size:12px;font-weight:700;color:#077a45"><span class="dot ping"></span>Active</span><small>Campaign: chấm + tiếng Anh</small></div>
    <div class="m"><span class="row"><span class="ic" style="background:linear-gradient(135deg,#06b6d4,#2563eb);color:#fff;width:24px;height:24px"><svg class="i i14"><use href="#monitor-phone"/></svg></span><span class="bd b-ok">Active</span></span><small>dải nhận diện tiếng Anh</small></div>
  </div>
  <div class="vars">
    <div class="var"><div class="lbl">Nhãn chữ</div>
      <div>Quản lý VIA ("Hoạt động", "Vô hiệu hoá", "Khoá vĩnh viễn", "CP", "CP 282", "Hết hạn", mã gốc "wrong_password"); Quản lý Instagram ("Hoạt động", "Chưa xác minh", "Checkpoint", "Vô hiệu hóa", "Bị cấm").</div></div>
    <div class="var"><div class="lbl">Chấm 8px</div>
      <div>Quản lý BM (xanh / đỏ / cam "Chưa rõ"), Quản lý ADS (xanh / đỏ / cam "còn lại"), Page (xanh lá "Đã xác minh" / xanh dương "Đang hiển thị" / xám "Đang ẩn"), Pixel (xanh / xám "Im lặng" / đỏ), bảng BM chi tiết (xanh "Live" / đỏ "Die" / xám "Chưa kiểm tra"), bảng TKQC chi tiết (xanh / đỏ / cam).</div></div>
    <div class="var"><div class="lbl">Chấm kèm chữ tiếng Anh</div>
      <div>Campaign ("Active" toả sóng, "Paused", "With issues", "Disapproved", "Pending review", "In process").</div></div>
    <div class="var"><div class="lbl">Nhãn tiếng Anh ở dải nhận diện</div>
      <div>Chi tiết VIA ("Active", "Dead"), chi tiết BM ("Active", "Disabled"; màu theo TKQC còn sống, không theo chữ), chi tiết ADS (thanh "pending_risk_review").</div></div>
    <div class="var"><div class="lbl">Ô icon dải nhận diện đổi màu</div>
      <div>VIA (xanh / đỏ / xám hết hạn / cam), ADS (xanh / đỏ / cam), Instagram (xanh / đỏ / cam checkpoint / xám chưa xác minh), BM (ảnh BM hoặc toà nhà trắng trên nền xanh Facebook, không đổi màu).</div></div>
    <div class="var"><div class="lbl">"Chưa rõ"</div>
      <div><span class="lech">Cam</span> ở BM, ADS; xám ở VIA, bảng BM chi tiết.</div></div>
  </div>

  <h3 id="d5">2.5. Cột Đồng bộ</h3>
  <div class="stage">
    <div class="m"><span class="row"><span class="ic t-brand" style="width:36px;height:36px"><svg class="i"><use href="#refresh"/></svg></span><span class="time">6 giờ trước</span></span><small>VIA</small></div>
    <div class="m"><span class="row"><span class="ic t-brand"><svg class="i"><use href="#crown"/></svg></span><span class="ic t-brand"><svg class="i"><use href="#user"/></svg></span><span class="ic t-err"><svg class="i"><use href="#x-circle"/></svg></span></span><small>BM</small></div>
    <div class="m"><span class="row"><span class="ic t-ok"><svg class="i"><use href="#link"/></svg></span><span class="ic t-err"><svg class="i"><use href="#link-off"/></svg></span></span><small>ADS</small></div>
    <div class="m"><span class="time stale">2 ngày trước</span><small>Instagram "Cập nhật"</small></div>
    <div class="m"><span style="font-size:12px">08/10/2026</span><small>Page, Pixel "Đồng bộ lúc"</small></div>
  </div>
  <div class="vars">
    <div class="var"><div class="lbl">Quản lý VIA</div><div>Ô 40px hai mũi tên tròn: xanh (đồng bộ được), xám (chưa có kết nối nâng cao), xanh đậm quay (đang chạy). Chữ cam khi quá 24 giờ.</div></div>
    <div class="var"><div class="lbl">Quản lý BM</div><div>Ô 28px: vương miện (kết nối nâng cao BM), hình người (VIA), dấu X đỏ (không còn cách đồng bộ). Chú thích hình người ghi sai.</div></div>
    <div class="var"><div class="lbl">Quản lý ADS</div><div>Ô 28px: mắt xích xanh "Đủ kết nối", mắt xích đứt đỏ "Chưa đủ kết nối". Tiêu đề có menu chọn loại đồng bộ. Ghim trái dù nằm ở vị trí 26.</div></div>
    <div class="var"><div class="lbl">Quản lý Instagram</div><div>Cột tên "Cập nhật", chỉ có chữ thời gian, cam khi quá 24 giờ.</div></div>
    <div class="var"><div class="lbl">Page, Pixel</div><div>Cột tên "Đồng bộ lúc", hiện ngày tuyệt đối.</div></div>
    <div class="var"><div class="lbl">Bảng BM chi tiết VIA</div><div>Chỉ có chữ, 4 mức màu: xanh dưới 1 giờ, xám dưới 24 giờ, cam dưới 7 ngày, đỏ từ 7 ngày.</div></div>
    <div class="var"><div class="lbl">Campaign</div><div>Không có.</div></div>
  </div>

  <h3 id="d6">2.6. Kết nối nâng cao</h3>
  <div class="stage">
    <div class="m"><span class="row"><span class="ic t-brand"><svg class="i"><use href="#link"/></svg></span><span class="ic t-err"><svg class="i"><use href="#x-circle"/></svg></span><span class="ic t-warn"><svg class="i"><use href="#x-circle"/></svg></span><span class="ic t-warn"><svg class="i"><use href="#alert"/></svg></span></span><small>VIA (cột)</small></div>
    <div class="m"><span class="row"><span class="bd b-ok">Đã kết nối</span><span class="bd b-warn">Kết nối hết hạn</span><span class="bd b-err">Kết nối bị chặn</span></span><small>BM (cột)</small></div>
    <div class="m"><span class="row"><span class="ic" style="background:#8b5cf6;color:#fff"><svg class="i"><use href="#bot"/></svg></span><span class="ic" style="background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff"><svg class="i"><use href="#key"/></svg></span></span><small>robot (BM), chìa khoá (VIA)</small></div>
  </div>
  <div class="vars">
    <div class="var"><div class="lbl">Quản lý VIA (cột)</div><div>Mắt xích xanh "chưa kết nối", dấu X đỏ "đang kết nối", dấu X cam "sắp hết hạn", tam giác cam "Facebook đã ngắt".</div></div>
    <div class="var"><div class="lbl">Quản lý BM (cột)</div><div>Nút "Kết nối" khi chưa có; nhãn "Đã kết nối" (xanh lá), "Kết nối hết hạn" (cam), "Kết nối bị chặn" (đỏ).</div></div>
    <div class="var"><div class="lbl">Bảng BM chi tiết VIA</div><div>"Hoạt động" (xanh), "Kết nối hết hạn" (cam), "Kết nối bị chặn" (đỏ), "Chưa kết nối" (xám).</div></div>
    <div class="var"><div class="lbl">Chi tiết BM</div><div>Thẻ ở tổng quan dùng robot, hỏng hiện <span class="lech">cam</span>; tab Kết nối nâng cao dùng khiên / chấm than / phích cắm, hỏng hiện <span class="lech">đỏ</span>.</div></div>
    <div class="var"><div class="lbl">Chi tiết VIA</div><div>Ô nguyên liệu dùng chìa khoá trên nền vàng; thẻ tình trạng dùng phích cắm (xám), chấm than (đỏ), khiên dấu tích (cam sắp hết hạn, xanh lá đã kết nối).</div></div>
    <div class="var"><div class="lbl">Quản lý ADS</div><div>Chỉ có bộ lọc "Kết nối nâng cao" và cột Đồng bộ "Đủ kết nối".</div></div>
    <div class="var"><div class="lbl">Instagram</div><div>Chưa có.</div></div>
    <div class="var"><div class="lbl">Khi chạy thao tác thiếu kết nối</div><div>Nhãn cam "Chưa đủ kết nối — Bổ sung" (VIA, Pixel). <span class="done">Đã thống nhất.</span></div></div>
  </div>

  <h3 id="d7">2.7. Phiên đăng nhập (Cookie)</h3>
  <div class="stage">
    <div class="m"><span class="row"><span class="ic t-ok"><svg class="i"><use href="#cookie"/></svg></span><span class="ic t-warn"><svg class="i"><use href="#cookie"/></svg></span><span class="ic t-err"><svg class="i"><use href="#cookie"/></svg></span><span class="ic t-mute"><svg class="i"><use href="#cookie"/></svg></span></span><small>VIA "Cookie"</small></div>
    <div class="m"><span class="row"><span class="ic t-ok"><svg class="i"><use href="#cookie"/></svg></span><span class="ic t-warn"><svg class="i"><use href="#cookie"/></svg></span><span class="ic t-err"><svg class="i"><use href="#cookie"/></svg></span><span class="ic t-brand"><svg class="i"><use href="#cookie"/></svg></span><span class="ic t-mute"><svg class="i"><use href="#cookie"/></svg></span></span><small>Instagram: thêm xanh nhạt</small></div>
  </div>
  <div class="vars">
    <div class="var"><div class="lbl">Quản lý VIA, cột "Cookie"</div><div>Bánh quy xanh lá (Active), cam (Checkpoint, Restricted), đỏ (Expired, Disabled), xám (chưa kiểm tra hoặc không có).</div></div>
    <div class="var"><div class="lbl">Quản lý Instagram, cột "Phiên đăng nhập"</div><div>Bánh quy xanh lá, cam, đỏ, <span class="lech">xanh nhạt</span> (Unchecked), xám (chưa có).</div></div>
    <div class="var"><div class="lbl">Dải nhận diện VIA, IG</div><div>"còn sống" (xanh lá), "chưa kiểm tra" (cam), "hết hạn" (đỏ), "Chưa có" (cam).</div></div>
    <div class="var"><div class="lbl">Ô nguyên liệu</div><div>VIA có nút "Kiểm tra", Instagram không có.</div></div>
    <div class="var"><div class="lbl">Thẻ VIA trong BM</div><div>Nhãn "Cookie" xanh / đỏ / xám.</div></div>
  </div>

  <h3 id="d8">2.8. Proxy</h3>
  <div class="vars">
    <div class="var"><div class="lbl">Cột Proxy (VIA, Instagram)<div class="sw"><span class="ic t-brand code2">VN</span><span class="ic t-err code2">VN</span><span class="ic t-mute"><svg class="i"><use href="#plus"/></svg></span></div></div><div>2 chữ mã nước màu xanh thương hiệu khi sống, đỏ khi chết, dấu cộng xám khi chưa gán.</div></div>
    <div class="var"><div class="lbl">Dải nhận diện VIA</div><div>Chấm xanh khi sống, xám khi chết hoặc chưa kiểm tra (<span class="lech">chết không đỏ</span>).</div></div>
    <div class="var"><div class="lbl">Dòng proxy chi tiết VIA, IG<div class="sw"><span class="ic t-brand"><svg class="i"><use href="#wifi"/></svg></span><span class="ic t-mute"><svg class="i"><use href="#wifi-off"/></svg></span></div></div><div>Sóng wifi + IP:port + nhãn "Live" (xanh) / "Die" (đỏ); chưa gán là wifi gạch chéo.</div></div>
    <div class="var"><div class="lbl">Thẻ VIA trong BM</div><div>"Proxy" (xanh) / "No Proxy" (đỏ).</div></div>
  </div>

  <h3 id="d9">2.9. Ô đếm tài sản liên quan</h3>
  <div class="stage">
    <div class="m"><span class="row"><span class="bd b-info" style="height:26px">2</span><span class="bd b-info" style="height:26px">4</span></span><small>VIA, IG: số trần</small></div>
    <div class="m"><span class="ms"><b>47</b><i></i><span class="g">9</span><span class="r">37</span><span class="o">1</span></span><small>BM: viên ba chấm</small></div>
    <div class="m"><span class="chip b-warn"><svg class="i i12"><use href="#building"/></svg>1/2</span><small>ADS: sống/tổng</small></div>
    <div class="m"><span class="ms"><b>58</b><i></i><span class="b">40</span><span class="b">6</span><span class="g">12</span></span><small>Page: chấm theo loại</small></div>
    <div class="m"><span class="row"><span class="bd" style="background:#cffafe;color:#0e7490;border-color:#cffafe">● 2</span><span class="bd" style="background:#ede9fe;color:#6d28d9;border-color:#ede9fe">3</span></span><small>bảng BM chi tiết</small></div>
  </div>
  <div class="vars">
    <div class="var"><div class="lbl">Quản lý VIA</div><div>BMs nhãn số tím, TKQC nhãn số xanh dương, bằng 0 thì "—".</div></div>
    <div class="var"><div class="lbl">Quản lý BM</div><div>Via nhãn "a/b" có chấm (là độ khớp admin, không phải sống/tổng); Ads sở hữu / Ads trung gian viên ba chấm sống · die · nợ; Pixel viên hai chấm sở hữu · chia sẻ.</div></div>
    <div class="var"><div class="lbl">Quản lý ADS</div><div>Via / BM icon kèm "sống/tổng" xanh lá / cam / đỏ; Nhóm TS nhãn xám có các lớp; Users viên gradient xanh.</div></div>
    <div class="var"><div class="lbl">Quản lý Instagram</div><div>BM nhãn số tím, TKQC nhãn số xanh dương.</div></div>
    <div class="var"><div class="lbl">Page</div><div>BM viên hai chấm; VIA nhãn xanh dương có icon; Quảng cáo nhãn xanh dương có cái loa; Ảnh &amp; bài viết viên ba chấm theo loại (tím xanh / xanh dương / xanh lá).</div></div>
    <div class="var"><div class="lbl">Pixel</div><div>BM viên hai chấm; VIA, Tài khoản QC, Đối tác, Người được gán nhãn xám có icon; "Chưa lấy chi tiết" viên viền đứt.</div></div>
    <div class="var"><div class="lbl">Bảng BM chi tiết VIA</div><div>Admin viên tím, Via viên xanh ngọc có chấm, TKQC viên xanh dương có chấm, bằng 0 hiện "0".</div></div>
    <div class="var"><div class="lbl">Bảng TKQC chi tiết</div><div>Via xanh lá có hình người, BM xanh dương có toà nhà, màu cố định.</div></div>
    <div class="var"><div class="lbl">Tab Share TKQC chi tiết BM</div><div>Chữ "{n} BM".</div></div>
    <div class="var"><div class="lbl">Campaign</div><div>Nhóm QC, Quảng cáo nhãn xanh dương có icon.</div></div>
  </div>

  <h3 id="d10">2.10. Tag, Ghi chú, Nhóm</h3>
  <div class="stage">
    <span class="pill p-add">+ TAG</span><span class="pill p-add">+ Tag</span>
    <span class="pill" style="color:#8a4c04;background:#fff6e6;border-color:#ffe9c2;text-transform:uppercase">Đã đổi pass</span>
    <span class="bd b-warn">Đang kháng</span>
    <span class="bd b-dash">+ Thêm ghi chú</span>
    <span class="chip" style="background:#f5f3ff;color:#6d28d9;border-color:#ede9fe"><svg class="i i12"><use href="#folder-input"/></svg>ADS SEEDING</span>
  </div>
  <div class="vars">
    <div class="var"><div class="lbl">Tag</div><ul>
      <li>Tên cột: "Tags" (VIA, BM, ADS), "Thẻ" (Page, Pixel). Instagram không có cột Tag.</li>
      <li>Ô trống: "+ TAG" (VIA, Page), "+ Tag" (BM, Pixel).</li></ul></div>
    <div class="var"><div class="lbl">Ghi chú</div><ul>
      <li>Viên cam chữ in hoa: VIA ("+ Thêm" khi trống), Instagram ("+ Ghi chú" khi trống).</li>
      <li>Nhãn cam chữ thường: BM (nút "+ Thêm"), Page (nhãn viền xám "+ Thêm ghi chú"), Pixel (nút "+ Thêm ghi chú").</li>
      <li>Chi tiết IG: ô vàng có tờ giấy note. ADS: không có cột Ghi chú.</li></ul></div>
    <div class="var"><div class="lbl">Nhóm</div><div>Viên tím có thư mục mũi tên kèm "+N" (ADS); chữ xám (Instagram); các trang còn lại chỉ có nhãn "Tất cả nhóm" trên thanh.</div></div>
  </div>

  <h3 id="d11">2.11. Loại Die và Nút kháng</h3>
  <div class="vars">
    <div class="var"><div class="lbl">Quản lý BM<div class="sw"><span class="bd b-err">Die 792</span></div></div><div>Nhãn không icon, 11 loại. Đỏ: Tự động hóa, DIE Scam, Die 792. Cam: Bypass, Gây hiểu nhầm. Xanh: Không chân thực, Tiền ảo/Tài chính, QC mới. Xám: còn lại.</div></div>
    <div class="var"><div class="lbl">Bảng BM chi tiết VIA<div class="sw"><span class="bd" style="background:#ede9fe;color:#6d28d9;border-color:#ede9fe"><svg class="i i12"><use href="#ban"/></svg>Die 792</span></div></div><div>Viên có dấu cấm. <span class="lech">Tự động hóa cam, Die 792 tím, QC mới xanh ngọc. Khác màu với Quản lý BM.</span></div></div>
    <div class="var"><div class="lbl">Quản lý ADS</div><div>"Giống trang BM", kèm huy hiệu nhiệt Die (dấu cấm cam) và BM Die (dấu cấm đỏ).</div></div>
    <div class="var"><div class="lbl">Nút kháng</div><div>"Còn nút kháng" (xanh lá), "Không có nút kháng" (xám), "Đã kháng · vẫn die" (đỏ) ở BM, ADS, bảng BM chi tiết. <span class="done">Đã thống nhất.</span></div></div>
  </div>

  <h3 id="d12">2.12. Nút kiểm tra và nút đồng bộ</h3>
  <div class="stage">
    <span class="btn"><svg class="i i12"><use href="#skull"/></svg>Check dạng die</span>
    <span class="btn amber"><svg class="i i12"><use href="#dollar"/></svg>Check cơ bản</span>
    <span class="btn" style="border-color:#fbd8da;color:#ab1f2a"><svg class="i i12"><use href="#card"/></svg>Check nâng cao</span>
    <span class="btn prim"><svg class="i i12"><use href="#refresh"/></svg>Đồng bộ toàn bộ</span>
    <span class="btn solid"><svg class="i i12"><use href="#folder-sync"/></svg>Đồng bộ Page</span>
    <span class="btn" style="background:#0d9b59;border-color:#0d9b59;color:#fff"><svg class="i i12"><use href="#refresh"/></svg>Đồng bộ tất cả</span>
    <span class="btn prim"><svg class="i i12"><use href="#wallet"/></svg>Đồng bộ thẻ</span>
  </div>
  <div class="vars">
    <div class="var"><div class="lbl">Check dạng die / cơ bản / nâng cao</div><div>Đầu lâu xám / đô la cam / thẻ tín dụng đỏ ở chi tiết VIA, BM, Instagram. Chi tiết ADS: "Check nâng cao" dùng khiên viền xám. "Check hoạt động" dùng nhịp tim.</div></div>
    <div class="var"><div class="lbl">Đang chạy</div><div>Icon nhấp nháy, chữ "Đang check..." (VIA) hoặc "Đang xử lý..." (BM).</div></div>
    <div class="var"><div class="lbl">Nút đồng bộ</div><ul>
      <li>Viền xanh, hai mũi tên tròn: chi tiết VIA, BM, Instagram.</li>
      <li>Nền xanh nhạt: chi tiết ADS.</li>
      <li>Nút chính có thư mục đồng bộ: Page, Pixel.</li>
      <li>Nền xanh lá: "Đồng bộ tất cả" ở thanh chọn dòng ADS.</li>
      <li>Viền xanh ngọc: "Đồng bộ thông tin BM" (toà nhà), "Đồng bộ giới hạn TKQC" (cặp tài liệu).</li>
      <li>Icon riêng: "Đồng bộ thẻ" (ví).</li></ul></div>
  </div>

  <h3 id="d13">2.13. Kết quả thao tác hàng loạt</h3>
  <div class="vars">
    <div class="var"><div class="lbl">VIA, Công cụ</div><div>"Sẵn sàng" (chấm xanh), "Chờ" (đồng hồ xám), "Đang xử lý" (vòng quay), "Thành công" (dấu tích xanh), "Thất bại" (dấu X đỏ), "Bỏ qua" (dấu trừ <span class="lech">cam</span>).</div></div>
    <div class="var"><div class="lbl">VIA, Lời mời</div><div>"OK", "bỏ qua" (cam), "lỗi" (đỏ); lịch sử "Thành công", "Lỗi", "Bỏ qua"; gỡ admin "Đã gỡ" / "Lỗi".</div></div>
    <div class="var"><div class="lbl">Page, Pixel, Đồng bộ</div><div>"Chờ" (xám), "Đang chạy" (xanh dương quay), "Xong" (xanh lá), "Lỗi" (đỏ).</div></div>
    <div class="var"><div class="lbl">Pixel, thao tác 4 bước</div><div>Đồng hồ, vòng quay, dấu tích xanh, tam giác cam, dấu X đỏ, dấu trừ <span class="lech">xám</span>.</div></div>
    <div class="var"><div class="lbl">Instagram, Nhận link BM</div><div>Vòng quay, dấu tích xanh, khiên chấm than cam "Bị hạn chế", dấu X đỏ "Lỗi".</div></div>
    <div class="var"><div class="lbl">ADS, Lịch sử Limit</div><div>"Đã hạ" (xanh dương), "Thất bại" (đỏ).</div></div>
    <div class="var"><div class="lbl">Báo đã chép</div><div>"Đã copy!", "Đã copy ✓", "Đã sao chép" (ADS).</div></div>
  </div>

  <h3 id="d14">2.14. Dải đếm chân bảng và số dòng</h3>
  <div class="vars">
    <div class="var"><div class="lbl">VIA</div><div>"Tổng" xám, "Hoạt động" (chấm toả sóng), "Vô hiệu hoá" đỏ, "Cần xử lý" cam. Số dòng 500 / 1.000 / Max, mặc định 100 không có trong ô chọn.</div></div>
    <div class="var"><div class="lbl">BM</div><div>"Tổng", "Hoạt động", "Vô hiệu hoá", "Chưa rõ" (cam). 50 / 100 / 200 / 500 / Max, mặc định 100.</div></div>
    <div class="var"><div class="lbl">ADS</div><div>Không có "Tổng"; "Hoạt động", "Vô hiệu hoá", "Nợ quá hạn" / "Khác" (cam). 50 → Max, mặc định 100.</div></div>
    <div class="var"><div class="lbl">Instagram</div><div>Không có "Tổng"; "Hoạt động", "Vô hiệu hoá", "Cần xử lý". Mặc định 50.</div></div>
    <div class="var"><div class="lbl">Page</div><div>"Tổng Page", "BM sở hữu" (xanh lá), "Được chia sẻ" (xanh dương), "Đang chạy quảng cáo" (tím xanh). 50 → Max, mặc định 100.</div></div>
    <div class="var"><div class="lbl">Pixel</div><div>"Tổng Pixel", "Đang nhận dữ liệu" (toả sóng), "Im lặng" (xám), "Không dùng được" (đỏ). 50 → Max, mặc định 100.</div></div>
    <div class="var"><div class="lbl">Campaign</div><div>"Tổng N / M", "Active", "Paused", "Other". 1.000 / 5.000 / 10.000 / 50.000.</div></div>
    <div class="var"><div class="lbl">Màn báo lỗi</div><div>Chỉ Campaign có (thanh đỏ + "Thử lại").</div></div>
  </div>

  <h3 id="d15">2.15. Cảnh báo</h3>
  <div class="vars">
    <div class="var"><div class="lbl">Nút cảnh báo ở đầu trang chi tiết<div class="sw"><span class="btn amber" style="border-radius:999px"><svg class="i i12"><use href="#alert"/></svg>1</span><span class="btn amber" style="border-radius:999px"><svg class="i i12"><use href="#zap"/></svg>2</span></div></div><div>Viên cam tam giác + số (VIA, luôn cam kể cả mức đỏ ở BM); tia sét kèm số (ADS).</div></div>
    <div class="var"><div class="lbl">Thanh cảnh báo</div><div>Đỏ / cam / xanh dương (VIA, BM, Instagram).</div></div>
    <div class="var"><div class="lbl">Không có cảnh báo</div><div>Khiên xanh "Tài sản đang an toàn" (VIA, BM, ADS, Instagram). <span class="done">Đã thống nhất.</span></div></div>
  </div>

  <h3 id="d16">2.16. Vai trò, quyền, sở hữu</h3>
  <div class="stage">
    <span class="bd b-info">ADMIN</span><span class="bd b-warn">DEVELOPER</span><span class="bd b-ok">FINANCE</span>
    <span class="bd" style="background:#ede9fe;color:#6d28d9;border-color:#ede9fe">MANAGE</span><span class="bd b-ok">ANALYZE</span>
    <span class="bd b-ok">Gốc</span><span class="bd b-warn">Share</span><span class="bd b-info">Được chia sẻ</span><span class="bd b-info">SHARED</span>
  </div>
  <div class="vars">
    <div class="var"><div class="lbl">Vai trò người dùng BM (tab Người dùng)</div><div>ADMIN (xanh), EMPLOYEE (xanh dương), DEVELOPER (cam), FINANCE (xanh lá), "Owner" khiên cam. Nơi khác màu DEVELOPER / FINANCE bị đảo.</div></div>
    <div class="var"><div class="lbl">Vai trò ở bảng BM chi tiết VIA</div><div>Admin (khiên, xanh lá), Employee (người dấu tích, xanh dương), Khác (xám).</div></div>
    <div class="var"><div class="lbl">Vai trò ở Lời mời</div><div>"Quản trị viên" (cam, khiên), "Nhân viên" (xanh, hai người); "OWNER" có vương miện.</div></div>
    <div class="var"><div class="lbl">Quyền chia sẻ TKQC</div><div>MANAGE (tím), ADVERTISE (xanh dương), ANALYZE (xanh lá), DRAFT (cam).</div></div>
    <div class="var"><div class="lbl">Người dùng TKQC</div><div>Admin (tím), Advertiser (xanh dương), Analyst (xanh ngọc).</div></div>
    <div class="var"><div class="lbl">Quyền Kết nối nâng cao trên TKQC</div><div>Quản lý TKQC (tím), Quản lý chiến dịch (<span class="lech">xanh dương ở VIA, xanh ngọc ở BM</span>), Xem hiệu quả (<span class="lech">xanh ngọc ở VIA, xanh lá ở BM</span>), Creative Hub (xám), "Không cấp được" (đỏ). Đánh dấu "Đã cấp" bằng khiên xanh, "Chưa cấp" bằng dấu cộng tím.</div></div>
    <div class="var"><div class="lbl">Quyền đối tác</div><div>"FULL" (khiên xanh), "MỘT PHẦN" (xám).</div></div>
    <div class="var"><div class="lbl">Sở hữu / chia sẻ</div><ul>
      <li>Gốc (xanh lá) / Trung gian (xanh dương) / Trắng (tím): Loại BM.</li>
      <li>Gốc (xanh lá) / Share (cam): thẻ VIA trong chi tiết TKQC.</li>
      <li>Sở hữu (xanh) / Chia sẻ (cam): cột Quyền VIA bảng TKQC.</li>
      <li>Sở hữu (xanh lá) / Được chia sẻ (xanh dương): cây liên kết Page.</li>
      <li>BM sở hữu (tím xanh) / Được chia sẻ (xám): tab Pixel chi tiết BM.</li>
      <li>"SHARED": Top chi tiêu chi tiết BM.</li></ul></div>
  </div>

  <h3 id="d17">2.17. Xác minh và loại tài khoản</h3>
  <div class="stage">
    <span class="ic t-info"><svg class="i"><use href="#badge-check"/></svg></span>
    <span class="bd b-ok"><svg class="i i12"><use href="#shield-check"/></svg>Đã xác minh</span>
    <span class="bd b-ok">✓</span>
    <span class="bd b-ok" style="height:28px">Đã xác minh</span><span class="bd b-mute" style="height:28px">Chưa</span>
    <span class="ic t-brand"><svg class="i"><use href="#key"/></svg></span>
  </div>
  <div class="vars">
    <div class="var"><div class="lbl">Xác minh BM</div><div>Ô 28px huy hiệu dấu tích / đồng hồ cam / X đỏ / dấu trừ xám, tên cột "XMDN" (Quản lý BM); khiên dấu tích xanh / khiên chấm than cam (chi tiết BM); nhãn "✓" xanh (bảng BM chi tiết VIA, tab Trang).</div></div>
    <div class="var"><div class="lbl">Xác minh Page</div><div>Nhãn cỡ to "Đã xác minh" / "Chưa"; chấm TT xanh lá; huy hiệu dấu tích ở thẻ xem nhanh.</div></div>
    <div class="var"><div class="lbl">2FA</div><div>Chìa khoá (cột Quản lý VIA); nhãn "Có" (Instagram); khiên dấu tích xanh (tab Người dùng chi tiết BM).</div></div>
    <div class="var"><div class="lbl">Loại tài khoản</div><div>TKQC "Doanh nghiệp" (toà nhà, xanh dương) / "Cá nhân" (người, tím xanh); Instagram "Cá nhân" (xám) / "Creator" (tím xanh) / "Business" (xanh dương). Chữ "Loại" ở chi tiết TKQC lại là Trả trước / Trả sau.</div></div>
  </div>

  <h3 id="d18">2.18. Tiền tệ, quốc gia, múi giờ, hạn mức, kỳ hạn</h3>
  <div class="vars">
    <div class="var"><div class="lbl">Tiền tệ<div class="sw"><span class="bd b-info">USD</span><span class="bd b-ok">$ USD</span><span class="bd b-warn">₫ VND</span></div></div><div>Nhãn xanh dương "USD" (ADS); "$ USD" xanh lá, "₫ VND" cam, "¤ EUR" tím (bảng TKQC chi tiết).</div></div>
    <div class="var"><div class="lbl">Quốc gia</div><div>Nhãn xanh dương "VN" (ADS); viên xanh ngọc có quả địa cầu (bảng TKQC chi tiết); cờ + UID (VIA); cờ + tên nước (Instagram danh sách) nhưng mã gốc (Instagram chi tiết).</div></div>
    <div class="var"><div class="lbl">Múi giờ</div><div>Nhãn xám quả địa cầu "+7 Ho Chi Minh" (ADS); viên tím "UTC+7 Ho Chi Minh" (bảng TKQC chi tiết).</div></div>
    <div class="var"><div class="lbl">Location VIA</div><div>Ghim xanh + tên nơi; dải nhận diện dùng quả địa cầu.</div></div>
    <div class="var"><div class="lbl">DSL</div><div>"No limit" xanh lá; dưới 250 <span class="lech">tím xanh</span> (ADS) nhưng <span class="lech">cam</span> (bảng TKQC chi tiết); dưới 750 xanh dương; còn lại xám.</div></div>
    <div class="var"><div class="lbl">Kỳ hạn</div><div>Xanh đậm dần (ADS); xám, cam khi còn 3 ngày, đỏ khi hôm nay hoặc quá hạn (bảng TKQC chi tiết).</div></div>
    <div class="var"><div class="lbl">TH Remain</div><div>Đỏ khi dưới 15% ở cả hai bảng. <span class="done">Đã thống nhất.</span></div></div>
  </div>

  <h3 id="d19">2.19. Thanh trên bảng</h3>
  <div class="stage">
    <span class="btn solid"><svg class="i i12"><use href="#wrench"/></svg>Công cụ<svg class="i i12"><use href="#chev-down"/></svg></span>
    <span class="btn solid"><svg class="i i12"><use href="#sliders"/></svg>Quản lý<svg class="i i12"><use href="#chev-down"/></svg></span>
    <span class="btn solid"><svg class="i i12"><use href="#sliders"/></svg>Thao tác<svg class="i i12"><use href="#chev-down"/></svg></span>
    <span class="btn"><svg class="i i12"><use href="#copy"/></svg>Copy UID</span>
    <span class="btn"><svg class="i i12"><use href="#copy"/></svg>Copy ID</span>
  </div>
  <div class="vars">
    <div class="var"><div class="lbl">Menu thao tác khi chọn dòng</div><ul>
      <li>"Công cụ ▾" (cờ lê): ADS, VIA.</li>
      <li>"Quản lý ▾" / "Quản lý BM ▾" (thanh trượt): ADS, VIA, BM.</li>
      <li>"Thao tác ▾" (thanh trượt): Page, Pixel.</li>
      <li>Instagram: nút rời, không có menu.</li></ul></div>
    <div class="var"><div class="lbl">Mở nhanh ▾ (dấu trang)</div><div>BM, ADS; Page, Pixel mở bằng nút ở cuối ô tên.</div></div>
    <div class="var"><div class="lbl">Sao chép</div><div>"Copy UID" (VIA, BM, ADS), "Copy ID" (Page, Pixel, Instagram chỉ có icon).</div></div>
    <div class="var"><div class="lbl">Lọc theo chọn</div><div>"Lọc theo tài sản đã chọn" (VIA, BM, Page máy tính), "Lọc theo dòng đã chọn" (Pixel, Page điện thoại).</div></div>
    <div class="var"><div class="lbl">Ô tìm</div><div>Mỗi trang một kiểu chữ ("Tìm kiếm UID, tên...", "Tìm theo tên, username, ID hoặc email…", "Tìm theo tên/ID Page, BM hoặc VIA…"...).</div></div>
    <div class="var"><div class="lbl">Nút chính</div><div>"THÊM TÀI KHOẢN FACEBOOK" chữ hoa, dấu cộng trong vòng tròn (VIA), "THÊM IG" chữ hoa (Instagram), "Đồng bộ Page", "Đồng bộ Pixel", "Tạo Chiến dịch".</div></div>
  </div>

</section>

<!-- ================= PHẦN 3 ================= -->
<section class="block" id="p3">
  <h2>Phần 3. Bản chốt thống nhất</h2>
  <div class="callout ok"><b>Quy tắc chung cho cả mục Tài sản:</b>
    <ul>
      <li>Một đối tượng một icon, dùng y nguyên ở menu, tab, nút, ô đếm. Riêng tiêu đề trang dùng chung tia sét (mục 3.1).</li>
      <li>Một icon chỉ mang một nghĩa. Icon nào đã gán cho đối tượng thì không dùng cho việc khác.</li>
      <li>Màu chỉ báo tình trạng: <b>xanh lá</b> sống / thành công; <b>cam</b> cần chú ý; <b>đỏ</b> chết / lỗi; <b>xám</b> chưa rõ, chưa có, đang tắt, hết hạn; <b>xanh dương</b> trung tính hoặc đang chạy. Màu thương hiệu chỉ cho nút chính và chữ nhấn ở tiêu đề.</li>
      <li>Chữ trên giao diện viết tiếng Việt. Chính tả dùng "hoá", "khoá" (dấu trên chữ o).</li>
    </ul>
  </div>
  <div class="stage">
    <span class="bd b-ok"><span class="dot"></span>xanh lá · sống</span>
    <span class="bd b-warn"><span class="dot"></span>cam · cần chú ý</span>
    <span class="bd b-err"><span class="dot"></span>đỏ · chết / lỗi</span>
    <span class="bd b-mute"><span class="dot"></span>xám · chưa rõ / tắt</span>
    <span class="bd b-info"><span class="dot"></span>xanh dương · trung tính / đang chạy</span>
  </div>

  <h3 id="c1">3.1. Tiêu đề trang</h3>
  <div class="stage">
    <span class="row" style="font-size:15px;font-weight:600;color:#101828"><svg class="i i20" style="color:#315ef5;fill:#315ef5"><use href="#zap"/></svg>Quản lý <i style="color:#315ef5">VIA</i></span>
    <span class="row" style="font-size:15px;font-weight:600;color:#101828"><svg class="i i20" style="color:#315ef5;fill:#315ef5"><use href="#zap"/></svg>Quản lý <i style="color:#315ef5">BM</i></span>
    <span class="row" style="font-size:15px;font-weight:600;color:#101828"><svg class="i i20" style="color:#315ef5;fill:#315ef5"><use href="#zap"/></svg>Quản lý <i style="color:#315ef5">TKQC</i></span>
    <span class="row" style="font-size:15px;font-weight:600;color:#101828"><svg class="i i20" style="color:#315ef5;fill:#315ef5"><use href="#zap"/></svg>Quản lý <i style="color:#315ef5">Chiến dịch</i></span>
  </div>
  <ul>
    <li>Tiêu đề = tia sét + "Quản lý" + tên đối tượng viết như ở menu: "Quản lý VIA", "Quản lý BM", "Quản lý TKQC", "Quản lý Instagram", "Quản lý Page", "Quản lý Pixel", "Quản lý Chiến dịch".</li>
    <li>Giữ tia sét ở mọi tiêu đề, trang nào cũng giống nhau. Icon đối tượng (mục 3.2) dùng ở menu trái, không đặt vào tiêu đề. Menu trái đổi "Quản lý Campaign" thành "Quản lý Chiến dịch" cho khớp.</li>
  </ul>

  <h3 id="c2">3.2. Bộ icon đối tượng</h3>
  <div class="ig">
    <div class="t"><span class="ic t-brand"><svg class="i"><use href="#monitor-phone"/></svg></span><span><b>VIA</b><em>màn hình cạnh điện thoại · thay hình người, khiên</em></span></div>
    <div class="t"><span class="ic t-brand"><svg class="i"><use href="#camera"/></svg></span><span><b>Instagram</b><em>máy ảnh · giữ</em></span></div>
    <div class="t"><span class="ic t-brand"><svg class="i"><use href="#building"/></svg></span><span><b>BM</b><em>toà nhà · thay cặp tài liệu, vương miện</em></span></div>
    <div class="t"><span class="ic t-brand"><svg class="i"><use href="#megaphone"/></svg></span><span><b>TKQC</b><em>cái loa · thay thẻ tín dụng, cặp tài liệu, khiên dấu tích, toà nhà</em></span></div>
    <div class="t"><span class="ic t-brand"><svg class="i"><use href="#flag"/></svg></span><span><b>Page</b><em>lá cờ · thay tờ giấy, toà nhà</em></span></div>
    <div class="t"><span class="ic t-brand"><svg class="i"><use href="#crosshair"/></svg></span><span><b>Pixel</b><em>tâm ngắm · thay radar, cái loa</em></span></div>
    <div class="t"><span class="ic t-brand"><svg class="i"><use href="#target"/></svg></span><span><b>Chiến dịch</b><em>bia bắn · thay biểu đồ cột (Ads Manager)</em></span></div>
    <div class="t"><span class="ic t-brand"><svg class="i"><use href="#layers"/></svg></span><span><b>Nhóm quảng cáo</b><em>các lớp · giữ</em></span></div>
    <div class="t"><span class="ic t-brand"><svg class="i"><use href="#image"/></svg></span><span><b>Quảng cáo</b><em>khung ảnh · thay tờ giấy, cái loa</em></span></div>
    <div class="t"><span class="ic t-brand"><svg class="i"><use href="#folder"/></svg></span><span><b>Nhóm (của hệ thống)</b><em>thư mục · thay thư mục có mũi tên</em></span></div>
    <div class="t"><span class="ic t-brand"><svg class="i"><use href="#folder-cog"/></svg></span><span><b>Nhóm tài sản trong BM</b><em>thư mục bánh răng · thay các lớp</em></span></div>
    <div class="t"><span class="ic t-brand"><svg class="i"><use href="#card"/></svg></span><span><b>Thẻ thanh toán</b><em>thẻ tín dụng · thay cái ví</em></span></div>
    <div class="t"><span class="ic t-brand"><svg class="i"><use href="#users"/></svg></span><span><b>Người dùng</b><em>hai người · thay người trong vòng tròn</em></span></div>
    <div class="t"><span class="ic t-brand"><svg class="i"><use href="#handshake"/></svg></span><span><b>Đối tác</b><em>bắt tay · thay toà nhà</em></span></div>
    <div class="t"><span class="ic t-brand"><svg class="i"><use href="#wifi"/></svg></span><span><b>Proxy</b><em>sóng wifi (chưa gán: wifi gạch chéo) · thay quả địa cầu, chấm màu</em></span></div>
    <div class="t"><span class="ic t-brand"><svg class="i"><use href="#tag"/></svg></span><span><b>Tag</b><em>cái nhãn · giữ</em></span></div>
  </div>
  <ul>
    <li>Các lớp chỉ còn cho Nhóm quảng cáo. Nhãn "Chọn tài khoản quản lý" ở ADS đổi sang icon khác (đề xuất ô vuông dấu tích <svg class="i i14" style="vertical-align:-2px"><use href="#square-check"/></svg>).</li>
    <li>Vương miện chỉ còn cho OWNER. Cặp tài liệu không dùng nữa.</li>
  </ul>

  <h3 id="c3">3.3. Bộ icon cột điều hướng trang chi tiết</h3>
  <p class="lead">Áp dụng cho chi tiết VIA, BM, TKQC, Instagram. Mục cùng tên thì cùng icon ở cả bốn trang.</p>
  <div class="ig">
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#dashboard"/></svg></span><span><b>Thông tin / Tổng quan</b><em>bảng điều khiển</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#link"/></svg></span><span><b>Kết nối nâng cao</b><em>mắt xích</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#building"/></svg></span><span><b>Business Managers, BM liên kết</b><em>toà nhà</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#megaphone"/></svg></span><span><b>Mọi mục TKQC</b><em>trực tiếp, qua BM, Gốc, Chia sẻ, có quyền · cái loa, phân biệt bằng tên</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#monitor-phone"/></svg></span><span><b>VIA liên kết</b><em>màn hình cạnh điện thoại</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#users"/></svg></span><span><b>Người dùng</b><em>hai người</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#flag"/></svg></span><span><b>Trang</b><em>lá cờ</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#crosshair"/></svg></span><span><b>Pixel</b><em>tâm ngắm</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#folder-cog"/></svg></span><span><b>Nhóm tài sản</b><em>thư mục bánh răng</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#arrows-lr"/></svg></span><span><b>Share TKQC</b><em>hai mũi tên ngược chiều</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#handshake"/></svg></span><span><b>Đối tác</b><em>bắt tay</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#card"/></svg></span><span><b>Thẻ thanh toán / Thanh toán</b><em>thẻ tín dụng</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#receipt"/></svg></span><span><b>Hoá đơn (thay "Billing")</b><em>tờ hoá đơn</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#target"/></svg></span><span><b>Ads Manager</b><em>bia bắn</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#mail-check"/></svg></span><span><b>Lời mời / Nhận link BM</b><em>phong bì dấu tích</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#id-card"/></svg></span><span><b>Thông tin đăng nhập</b><em>thẻ căn cước</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#cookie"/></svg></span><span><b>Phiên đăng nhập</b><em>bánh quy</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#lock"/></svg></span><span><b>Lịch sử mật khẩu</b><em>ổ khoá</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#chrome"/></svg></span><span><b>Chrome</b><em>logo Chrome</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#history"/></svg></span><span><b>Lịch sử / Hồ sơ hoạt động</b><em>đồng hồ quay ngược</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#activity"/></svg></span><span><b>Lịch sử trạng thái</b><em>nhịp tim</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#bar-chart"/></svg></span><span><b>Hoạt động (TKQC)</b><em>biểu đồ cột</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#gauge"/></svg></span><span><b>Lịch sử Limit</b><em>đồng hồ đo</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#link-off"/></svg></span><span><b>Lịch sử huỷ liên kết</b><em>mắt xích đứt</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#alert"/></svg></span><span><b>Cảnh báo</b><em>tam giác</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#shield-alert"/></svg></span><span><b>Tường lửa</b><em>khiên chấm than</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#clipboard"/></svg></span><span><b>Nhật ký tài sản</b><em>bảng kẹp giấy</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#file"/></svg></span><span><b>Nhật ký hệ thống</b><em>tờ giấy</em></span></div>
  </div>
  <div class="navwrap">
    <div class="nav">
      <div class="it on"><svg class="i"><use href="#dashboard"/></svg>Thông tin VIA</div>
      <div class="it"><svg class="i"><use href="#link"/></svg>Kết nối nâng cao</div>
      <div class="g">Tài sản</div>
      <div class="it"><svg class="i"><use href="#building"/></svg>Business Managers</div>
      <div class="it"><svg class="i"><use href="#megaphone"/></svg>TKQC trực tiếp</div>
      <div class="it"><svg class="i"><use href="#megaphone"/></svg>TKQC qua BM</div>
      <div class="it"><svg class="i"><use href="#mail-check"/></svg>Lời mời</div>
      <div class="g">Nguyên liệu</div>
      <div class="it"><svg class="i"><use href="#id-card"/></svg>Thông tin đăng nhập</div>
      <div class="it"><svg class="i"><use href="#cookie"/></svg>Phiên đăng nhập</div>
      <div class="g">Khác</div>
      <div class="it"><svg class="i"><use href="#history"/></svg>Hồ sơ hoạt động</div>
      <div class="it"><svg class="i"><use href="#lock"/></svg>Lịch sử mật khẩu</div>
      <div class="it"><svg class="i"><use href="#chrome"/></svg>Chrome</div>
      <div class="it"><svg class="i"><use href="#link-off"/></svg>Lịch sử huỷ liên kết</div>
      <div class="it"><svg class="i"><use href="#activity"/></svg>Lịch sử trạng thái</div>
      <div class="it"><svg class="i"><use href="#alert"/></svg>Cảnh báo</div>
      <div class="it"><svg class="i"><use href="#clipboard"/></svg>Nhật ký tài sản</div>
      <div class="it"><svg class="i"><use href="#file"/></svg>Nhật ký hệ thống</div>
    </div>
    <div>
      <ul>
        <li>Nhóm mục giống nhau ở cả bốn trang: (không tên) · Tài sản · Nguyên liệu · Khác. Lịch sử, nhật ký, cảnh báo luôn ở nhóm Khác, cùng thứ tự.</li>
        <li>Mục đang mở: nền xanh nhạt, chữ đậm, vạch trái 3px (giữ).</li>
      </ul>
      <p style="font-size:.86rem;color:var(--muted)">Hình bên: ví dụ cột điều hướng chi tiết VIA sau khi chốt.</p>
    </div>
  </div>

  <h3 id="c4">3.4. Trạng thái chính</h3>
  <div class="stage">
    <div class="m"><span class="row"><span class="bd b-ok"><span class="dot"></span>Hoạt động</span><span class="bd b-warn"><span class="dot"></span>Checkpoint 282</span><span class="bd b-err"><span class="dot"></span>Khoá vĩnh viễn</span><span class="bd b-mute"><span class="dot"></span>Hết hạn</span></span><small>VIA, Instagram: nhãn chữ</small></div>
    <div class="m"><span class="row" style="gap:12px;height:22px"><span class="dot" style="color:#0d9b59;width:8px;height:8px"></span><span class="dot" style="color:#d97706;width:8px;height:8px"></span><span class="dot" style="color:#d92d3a;width:8px;height:8px"></span><span class="dot" style="color:#667085;width:8px;height:8px"></span><span class="dot" style="color:#315ef5;width:8px;height:8px"></span></span><small>BM, TKQC, Page, Pixel, Chiến dịch: chấm tròn, rê chuột hiện tên</small></div>
  </div>
  <ul>
    <li><b>Cột Trạng thái</b> có hai kiểu, chọn theo số loại trạng thái của đối tượng. Ghim trái cùng ô chọn, "#", Tên.
      <ul>
        <li><b>VIA, Instagram: nhãn chữ có chấm đứng trước.</b> Hai đối tượng này có nhiều trạng thái (checkpoint kèm mã, khoá vĩnh viễn, hết hạn, bị cấm...), chỉ nhìn màu chấm thì không phân biệt được.</li>
        <li><b>BM, TKQC, Page, Pixel, Chiến dịch: chấm tròn 8px.</b> Mỗi đối tượng chỉ có vài trạng thái nên màu chấm là đủ. Rê chuột vào chấm hiện tên trạng thái. Áp dụng cả cho bảng BM, bảng TKQC trong trang chi tiết.</li>
        <li>Mã gốc không bao giờ hiện ra; trạng thái lạ ghi "Chưa rõ" (xám), mã gốc đưa vào phần rê chuột.</li>
      </ul>
    </li>
    <li><b>Bộ trạng thái chốt theo đối tượng (tên hiện trên nhãn, hoặc khi rê chuột vào chấm):</b>
      <ul>
        <li>VIA: Hoạt động (xanh lá), Checkpoint (cam, kèm mã nếu có: "Checkpoint 282"), Vô hiệu hoá (đỏ), Khoá vĩnh viễn (đỏ), Hết hạn (xám), Chưa rõ (xám).</li>
        <li>Instagram: Hoạt động, Checkpoint, Vô hiệu hoá, Bị cấm (đỏ), Chưa xác minh (xám).</li>
        <li>BM: Hoạt động, Vô hiệu hoá, Chưa rõ (xám).</li>
        <li>TKQC: Hoạt động, Vô hiệu hoá, Nợ (cam), Đang xét duyệt (cam, thay "pending_risk_review"), Khác (xám).</li>
        <li>Page: Đang hiển thị (xanh lá), Đang ẩn (xám). Xác minh để ở cột riêng, không trộn vào trạng thái.</li>
        <li>Pixel: Đang nhận dữ liệu (xanh lá), Im lặng (xám, nghĩa là không có dữ liệu quá 7 ngày ở mọi chỗ, kể cả bộ lọc), Không dùng được (đỏ).</li>
        <li>Chiến dịch, nhóm quảng cáo, quảng cáo: Đang chạy (xanh lá), Tạm dừng (cam), Có vấn đề (đỏ), Bị từ chối (đỏ), Đang xét duyệt (xanh dương).</li>
      </ul>
    </li>
    <li><b>Dải nhận diện trang chi tiết:</b> ô icon đối tượng 24px đổi màu theo đúng bảng trên; nhãn trạng thái bên cạnh dùng cùng bộ chữ, màu theo chữ (BM "Vô hiệu hoá" luôn đỏ). BM có ảnh thì hiện ảnh, không ảnh thì toà nhà trên nền màu trạng thái.</li>
  </ul>

  <h3 id="c5">3.5. Cột Đồng bộ</h3>
  <div class="stage">
    <div class="m"><span class="row"><span class="ic t-ok"><svg class="i"><use href="#refresh"/></svg></span><span class="time">6 giờ trước</span></span><small>còn cách đồng bộ</small></div>
    <div class="m"><span class="row"><span class="ic t-ok"><svg class="i"><use href="#refresh"/></svg></span><span class="time stale">2 ngày trước</span></span><small>quá 24 giờ</small></div>
    <div class="m"><span class="row"><span class="ic t-ok"><svg class="i"><use href="#refresh"/></svg></span><span class="time old">9 ngày trước</span></span><small>quá 7 ngày</small></div>
    <div class="m"><span class="row"><span class="ic t-err"><svg class="i"><use href="#refresh"/></svg></span><span class="time">3 giờ trước</span></span><small>không còn cách nào</small></div>
    <div class="m"><span class="row"><span class="ic t-mute"><svg class="i"><use href="#refresh"/></svg></span><span class="time">Chưa đồng bộ</span></span><small>chưa lần nào</small></div>
    <div class="m"><span class="row"><span class="ic" style="background:#315ef5;color:#fff"><svg class="i spin"><use href="#refresh"/></svg></span><span class="time">Đang chạy</span></span><small>đang đồng bộ</small></div>
  </div>
  <ul>
    <li>Tên cột "Đồng bộ" ở mọi trang (bỏ "Cập nhật", "Đồng bộ lúc", "Đồng bộ gần nhất").</li>
    <li>Một ô: ô vuông 28px có hai mũi tên tròn, bên cạnh là thời gian tương đối ("6 giờ trước").</li>
    <li>Màu ô: xanh lá còn cách đồng bộ; đỏ không còn cách nào; xám chưa đồng bộ lần nào. Đang chạy: icon quay, nền xanh dương.</li>
    <li>Chữ thời gian chuyển cam khi quá 24 giờ, đỏ khi quá 7 ngày.</li>
    <li>Cách đồng bộ (kết nối nâng cao BM, VIA, extension) và danh sách kết nối chỉ hiện khi rê chuột, không đổi icon trong ô. Bỏ vương miện, hình người, mắt xích ở cột này.</li>
    <li>Ô trống ghi "Chưa đồng bộ". Bấm icon là đồng bộ ngay nếu có quyền.</li>
    <li>Đứng ngay sau cột Tên, không ghim trái.</li>
    <li><b>Instagram đang có sẵn một cột tên "Đồng bộ"</b>, nhưng cột đó là công tắc Bật / Tắt đồng bộ, không phải thời điểm đồng bộ. Để không trùng tên:
      <ul>
        <li>Cột "Đồng bộ" (Bật / Tắt) đổi tên thành <b>"Tự đồng bộ"</b>, giữ nhãn "Bật" / "Tắt". Bộ lọc "Đồng bộ" cũng đổi tên theo.</li>
        <li>Cột "Cập nhật" đổi tên thành <b>"Đồng bộ"</b> và dùng ô chuẩn ở trên.</li>
        <li>IG đang tắt tự đồng bộ thì ô Đồng bộ màu xám, rê chuột ghi "Đã tắt tự đồng bộ".</li>
      </ul>
    </li>
  </ul>
  <div class="callout"><b>Đổi tên cột chỉ đổi chữ hiển thị, không đụng cơ sở dữ liệu.</b>
    <ul>
      <li>Tên cột trên bảng lấy từ file chữ của giao diện (<code>messages/vi.json</code>), tách riêng với tên trường dữ liệu. Ví dụ ở Instagram: cột "Cập nhật" đọc trường <code>updated_at</code>, cột "Đồng bộ" đọc trường <code>sync_enabled</code>. Dev chỉ sửa chữ trong file giao diện, giữ nguyên tên trường và khoá cột.</li>
      <li>Vì khoá cột giữ nguyên, phần Cài đặt cột người dùng đã lưu không bị mất.</li>
      <li>Chỗ bị ảnh hưởng: tiêu đề cột trong file xuất dữ liệu sẽ đổi theo chữ mới. Ai đang dùng file xuất để đối chiếu theo tên cột thì cần báo trước.</li>
      <li>Cần dev kiểm tra: cột "Cập nhật" ở Instagram đang đọc <code>updated_at</code>. Trường này có thể đổi cả khi sửa ghi chú hay khoá IG, không chắc là lần đồng bộ thật. Nếu có trường thời điểm đồng bộ riêng thì cột Đồng bộ phải đọc trường đó.</li>
    </ul>
  </div>

  <h3 id="c6">3.6. Kết nối nâng cao</h3>
  <p class="lead">Trong bảng: chỉ một ô icon, không chữ.</p>
  <div class="stage">
    <div class="m"><span class="ic t-brand"><svg class="i"><use href="#link"/></svg></span><small>Chưa kết nối · bấm để kết nối</small></div>
    <div class="m"><span class="ic t-err"><svg class="i"><use href="#x-circle"/></svg></span><small>Đã kết nối · bấm để ngắt</small></div>
    <div class="m"><span class="ic t-warn"><svg class="i"><use href="#x-circle"/></svg></span><small>Sắp hết hạn · bấm để ngắt</small></div>
    <div class="m"><span class="ic t-warn"><svg class="i"><use href="#alert"/></svg></span><small>Cần kết nối lại · bấm để kết nối lại</small></div>
    <div class="m"><span class="ic t-info"><svg class="i spin"><use href="#loader"/></svg></span><small>Đang xử lý</small></div>
  </div>
  <p class="lead">Trong thẻ và tab trang chi tiết: có chữ.</p>
  <div class="stage">
    <span class="chip b-ok"><svg class="i i14"><use href="#link"/></svg>Đã kết nối</span>
    <span class="chip b-warn"><svg class="i i14"><use href="#link"/></svg>Sắp hết hạn · còn 5 ngày</span>
    <span class="chip b-warn"><svg class="i i14"><use href="#alert"/></svg>Cần kết nối lại</span><span class="btn amber"><svg class="i i12"><use href="#refresh"/></svg>Kết nối lại</span>
    <span class="chip b-mute"><svg class="i i14"><use href="#link"/></svg>Chưa kết nối</span>
    <span class="btn prim"><svg class="i i12"><use href="#link"/></svg>Kết nối</span>
  </div>
  <ul>
    <li><b>Cột Kết nối nâng cao trong bảng</b> (Quản lý VIA, Quản lý BM, bảng BM trong trang chi tiết): chỉ hiện một ô icon 28px, không có chữ. Ô vừa báo trạng thái vừa là nút bấm. Giữ đúng kiểu cột hiện tại ở Quản lý VIA.
      <ul>
        <li><b>Chưa kết nối:</b> mắt xích xanh. Bấm để kết nối.</li>
        <li><b>Đã kết nối:</b> dấu X đỏ. Bấm để ngắt kết nối, có hộp xác nhận.</li>
        <li><b>Sắp hết hạn:</b> dấu X cam. Bấm để ngắt kết nối.</li>
        <li><b>Cần kết nối lại</b> (hết hạn, bị chặn, Facebook đã ngắt): tam giác cam. Bấm để kết nối lại.</li>
        <li><b>Đang xử lý:</b> vòng quay xanh dương.</li>
        <li>Rê chuột luôn hiện trạng thái bằng chữ, kèm hạn ("Đã kết nối · còn 45 ngày") hoặc lý do cần kết nối lại.</li>
        <li>Quản lý BM bỏ nút "Kết nối" và các nhãn chữ "Đã kết nối", "Kết nối hết hạn", "Kết nối bị chặn", đổi sang ô icon như trên.</li>
      </ul>
    </li>
    <li><b>Thẻ và tab trong trang chi tiết</b> có đủ chỗ nên vẫn ghi chữ: "Đã kết nối" (xanh lá), "Sắp hết hạn · còn {n} ngày" (cam), "Cần kết nối lại" kèm lý do và nút "Kết nối lại" (cam), "Chưa kết nối" (xám) kèm nút "Kết nối". Icon trong thẻ là mắt xích (bỏ chìa khoá, robot, phích cắm). Màu ở thẻ tổng quan và ở tab phải giống nhau.</li>
    <li>Khi thao tác thiếu kết nối: giữ nhãn cam "Chưa đủ kết nối — Bổ sung".</li>
    <li>Danh sách tài sản đã cấp: "Đã cấp" dấu tích tròn xanh lá, "Chưa cấp" dấu cộng xám.</li>
  </ul>

  <h3 id="c7">3.7. Phiên đăng nhập</h3>
  <div class="stage">
    <div class="m"><span class="ic t-ok"><svg class="i"><use href="#cookie"/></svg></span><small>Còn sống</small></div>
    <div class="m"><span class="ic t-warn"><svg class="i"><use href="#cookie"/></svg></span><small>Checkpoint / Bị hạn chế</small></div>
    <div class="m"><span class="ic t-err"><svg class="i"><use href="#cookie"/></svg></span><small>Hết hạn / Vô hiệu hoá</small></div>
    <div class="m"><span class="ic t-mute"><svg class="i"><use href="#cookie"/></svg></span><small>Chưa kiểm tra</small></div>
    <div class="m"><span class="ic t-dash"><svg class="i"><use href="#cookie"/></svg></span><small>Chưa có</small></div>
  </div>
  <ul>
    <li>Tên chốt "Phiên đăng nhập" ở mọi chỗ, bỏ chữ "Cookie". Icon bánh quy.</li>
    <li>Năm trạng thái: <b>Còn sống</b> (xanh lá), <b>Checkpoint</b> / <b>Bị hạn chế</b> (cam), <b>Hết hạn</b> / <b>Vô hiệu hoá</b> (đỏ), <b>Chưa kiểm tra</b> (xám), <b>Chưa có</b> (xám, viền đứt).</li>
    <li>Instagram bỏ màu xanh nhạt cho "Chưa kiểm tra". Dải nhận diện đổi "chưa kiểm tra", "Chưa có" từ cam sang xám.</li>
    <li>Ô nguyên liệu ở chi tiết VIA và Instagram cùng có nút "Kiểm tra".</li>
  </ul>

  <h3 id="c8">3.8. Proxy</h3>
  <div class="stage">
    <div class="m"><span class="ic t-ok code2">VN</span><small>sống</small></div>
    <div class="m"><span class="ic t-err code2">VN</span><small>chết</small></div>
    <div class="m"><span class="ic t-mute code2">VN</span><small>chưa kiểm tra</small></div>
    <div class="m"><span class="ic t-dash"><svg class="i"><use href="#plus"/></svg></span><small>chưa gán</small></div>
    <span class="row" style="font-size:12px;border:1px solid #e3e7ed;border-radius:8px;padding:4px 10px"><svg class="i" style="color:#315ef5"><use href="#wifi"/></svg><b>103.21.44.10:8080</b><span class="bd b-ok">Sống</span></span>
    <span class="row" style="font-size:12px;border:1px solid #e3e7ed;border-radius:8px;padding:4px 10px;color:#667085"><svg class="i"><use href="#wifi-off"/></svg>Chưa gán proxy</span>
  </div>
  <ul>
    <li>Cột Proxy: ô 32px ghi 2 chữ mã nước. Xanh lá: proxy sống. Đỏ: proxy chết. Xám: chưa kiểm tra. Dấu cộng xám viền đứt: chưa gán.</li>
    <li>Dải nhận diện: chấm theo cùng màu (chết là đỏ, không phải xám).</li>
    <li>Dòng proxy: sóng wifi + IP:port + nhãn "Sống" / "Chết" (bỏ "Live", "Die"); chưa gán là wifi gạch chéo + "Chưa gán proxy" (bỏ "No Proxy").</li>
  </ul>

  <h3 id="c9">3.9. Ô đếm tài sản liên quan</h3>
  <p class="lead">Chọn kiểu theo đối tượng được đếm, không theo trang.</p>
  <div class="stage">
    <div class="m"><span class="ms"><b>47</b><i></i><span class="g">9</span><span class="r">37</span><span class="o">1</span></span><small>TKQC</small></div>
    <div class="m"><span class="row"><span class="chip b-ok"><svg class="i i12"><use href="#monitor-phone"/></svg>2/2</span><span class="chip b-warn"><svg class="i i12"><use href="#building"/></svg>1/2</span><span class="chip b-err"><svg class="i i12"><use href="#camera"/></svg>0/1</span><span class="chip b-mute"><svg class="i i12"><use href="#building"/></svg>3</span></span><small>VIA, BM, Instagram</small></div>
    <div class="m"><span class="ms"><b>5</b><i></i><span class="g">3</span><span class="b">2</span></span><small>Pixel</small></div>
    <div class="m"><span class="row"><span class="chip b-mute"><svg class="i i12"><use href="#flag"/></svg>5</span><span class="chip b-mute"><svg class="i i12"><use href="#users"/></svg>3</span><span class="chip b-mute"><svg class="i i12"><use href="#image"/></svg>58</span></span><small>không có tình trạng</small></div>
  </div>
  <ul>
    <li><b>TKQC:</b> viên ba chấm: tổng in đậm │ ● sống (xanh lá) ● die (đỏ) ● nợ (cam). Luôn đủ ba chấm. Mẫu: cột Ads sở hữu ở Quản lý BM.</li>
    <li><b>VIA, BM, Instagram:</b> chip icon đối tượng + "sống/tổng". Xanh lá sống hết, cam sống một phần, đỏ không cái nào sống, xám kèm tổng khi chưa có dữ liệu. Mẫu: cột Via / BM ở Quản lý ADS.</li>
    <li><b>Pixel:</b> viên hai chấm: tổng │ ● sở hữu (xanh lá) ● chia sẻ (xanh dương), theo quy tắc sở hữu / chia sẻ ở 3.16.</li>
    <li><b>Số không có tình trạng</b> (Page, Admin, Người dùng, Đối tác, Người được gán, Ảnh &amp; bài viết): icon + tổng, màu xám. Cách chia (ảnh / video / bài viết, sở hữu / chia sẻ) đưa vào rê chuột.</li>
    <li><b>Nhóm quảng cáo, Quảng cáo ở trang Chiến dịch:</b> viên ba chấm theo trạng thái phân phối (đang chạy / tạm dừng / có vấn đề).</li>
    <li>Bấm vào luôn mở hộp tài sản liên kết đúng tab. Rê chuột có chú thích. Ô trống "—".</li>
    <li>Áp dụng cho Quản lý VIA (BMs, TKQC), Quản lý BM (Via đổi sang sống/tổng, độ khớp admin vào rê chuột), Instagram (BM, TKQC), Page, Pixel, bảng BM và bảng TKQC trong trang chi tiết, tab Share TKQC.</li>
  </ul>

  <h3 id="c10">3.10. Tag, Ghi chú, Nhóm</h3>
  <div class="stage">
    <span class="pill p-pink">VIP</span><span class="pill p-more">+2</span><span class="pill p-add">+ Tag</span>
    <span class="bd b-warn">Đang kháng</span><span class="bd b-dash">+ Ghi chú</span>
    <span class="chip b-mute"><svg class="i i12"><use href="#folder"/></svg>ADS SEEDING</span><span class="pill p-more">+1</span>
  </div>
  <ul>
    <li><b>Tag:</b> tên cột "Tag" ở mọi trang. Viên màu theo tag, thừa gom "+N". Ô trống: nút viền đứt "+ Tag". Instagram thêm cột Tag.</li>
    <li><b>Ghi chú:</b> nhãn cam một dòng, chữ thường, quá dài thì cắt. Ô trống: nút viền đứt "+ Ghi chú". Ô ghi chú trong trang chi tiết dùng icon bong bóng chữ <svg class="i i14" style="vertical-align:-2px"><use href="#msg"/></svg>.</li>
    <li><b>Nhóm:</b> nhãn xám có thư mục, nhiều nhóm thì "+N". Trang nào chia nhóm thì có cột Nhóm.</li>
  </ul>

  <h3 id="c11">3.11. Loại Die và Nút kháng</h3>
  <div class="stage">
    <span class="bd b-err"><svg class="i i12"><use href="#ban"/></svg>DIE Scam</span>
    <span class="bd b-err"><svg class="i i12"><use href="#ban"/></svg>Tự động hóa</span>
    <span class="bd b-err"><svg class="i i12"><use href="#ban"/></svg>Die 792</span>
    <span class="bd b-warn"><svg class="i i12"><use href="#ban"/></svg>Bypass</span>
    <span class="bd b-info"><svg class="i i12"><use href="#ban"/></svg>QC mới</span>
    <span class="bd b-mute"><svg class="i i12"><use href="#ban"/></svg>Không rõ</span>
    <span class="bd b-ok">Còn nút kháng</span><span class="bd b-mute">Không có nút kháng</span><span class="bd b-err">Đã kháng · vẫn die</span>
  </div>
  <ul>
    <li>Một bảng màu cho cả Quản lý BM, Quản lý ADS và bảng BM trong trang chi tiết. Nhãn có dấu cấm đứng trước.
      <ul>
        <li><b>Đỏ:</b> DIE Scam, Tự động hóa, Die 792.</li>
        <li><b>Cam:</b> Bypass, Gây hiểu nhầm.</li>
        <li><b>Xanh dương:</b> Không chân thực, Tiền ảo/Tài chính, QC mới.</li>
        <li><b>Xám:</b> các loại còn lại, Không rõ.</li>
      </ul>
    </li>
    <li>Nút kháng giữ ba nhãn: "Còn nút kháng" (xanh lá), "Không có nút kháng" (xám), "Đã kháng · vẫn die" (đỏ).</li>
  </ul>

  <h3 id="c12">3.12. Nút kiểm tra và nút đồng bộ</h3>
  <div class="stage">
    <span class="btn"><svg class="i i12"><use href="#skull"/></svg>Kiểm tra dạng die</span>
    <span class="btn"><svg class="i i12"><use href="#dollar"/></svg>Kiểm tra cơ bản</span>
    <span class="btn"><svg class="i i12"><use href="#card"/></svg>Kiểm tra nâng cao</span>
    <span class="btn"><svg class="i i12"><use href="#activity"/></svg>Kiểm tra hoạt động</span>
    <span class="btn mute"><svg class="i i12 pulse"><use href="#dollar"/></svg>Đang kiểm tra...</span>
    <span class="btn prim"><svg class="i i12"><use href="#refresh"/></svg>Đồng bộ toàn bộ</span>
    <span class="btn solid"><svg class="i i12"><use href="#refresh"/></svg>Đồng bộ Page</span>
    <span class="btn prim"><svg class="i i12 spin"><use href="#refresh"/></svg>Đang đồng bộ...</span>
  </div>
  <ul>
    <li><b>Nút kiểm tra:</b> đổi chữ "Check" thành "Kiểm tra". Cùng kiểu nút viền xám, phân biệt bằng icon:
      <ul>
        <li>Kiểm tra dạng die: đầu lâu.</li>
        <li>Kiểm tra cơ bản: đô la.</li>
        <li>Kiểm tra nâng cao: thẻ tín dụng (chi tiết TKQC bỏ khiên).</li>
        <li>Kiểm tra hoạt động: nhịp tim.</li>
        <li>Đang chạy: icon nhấp nháy, chữ "Đang kiểm tra...".</li>
      </ul>
    </li>
    <li><b>Nút đồng bộ:</b> mọi nút đồng bộ dùng hai mũi tên tròn, nền xanh nhạt, chữ xanh thương hiệu, không viền. Bỏ thư mục đồng bộ (Page, Pixel), cái ví, toà nhà, cặp tài liệu trên nút đồng bộ. Nút đồng bộ đứng đầu thanh của Page, Pixel vẫn là nút chính tô màu. Đang chạy: icon quay, chữ "Đang đồng bộ...".</li>
  </ul>

  <h3 id="c13">3.13. Kết quả thao tác hàng loạt</h3>
  <p class="lead">Một bộ cho mọi hộp: Công cụ, Lời mời, Đồng bộ Page / Pixel, thao tác Pixel, Thao tác theo UID, Nhận link BM, Lịch sử Limit.</p>
  <div class="ig">
    <div class="t"><span class="ic t-ok"><span class="dot"></span></span><span><b>Sẵn sàng</b><em>chấm · xanh lá</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#clock"/></svg></span><span><b>Chờ</b><em>đồng hồ · xám</em></span></div>
    <div class="t"><span class="ic t-info"><svg class="i spin"><use href="#loader"/></svg></span><span><b>Đang chạy</b><em>vòng quay · xanh dương</em></span></div>
    <div class="t"><span class="ic t-ok"><svg class="i"><use href="#check-circle"/></svg></span><span><b>Thành công</b><em>dấu tích tròn · xanh lá</em></span></div>
    <div class="t"><span class="ic t-warn"><svg class="i"><use href="#alert"/></svg></span><span><b>Bị hạn chế / Cảnh báo</b><em>tam giác · cam</em></span></div>
    <div class="t"><span class="ic t-err"><svg class="i"><use href="#x-circle"/></svg></span><span><b>Thất bại</b><em>dấu X tròn · đỏ</em></span></div>
    <div class="t"><span class="ic t-mute"><svg class="i"><use href="#minus-circle"/></svg></span><span><b>Bỏ qua</b><em>dấu trừ tròn · xám</em></span></div>
  </div>
  <ul>
    <li>Bỏ các chữ "Xong", "OK", "Lỗi", "lỗi", "Đã hạ" ở cột kết quả; dùng "Thành công" / "Thất bại". Lịch sử Limit ghi "Thành công: đã hạ về {n}".</li>
    <li>Báo đã chép chỉ một câu: "Đã sao chép".</li>
  </ul>

  <h3 id="c14">3.14. Dải đếm chân bảng và số dòng</h3>
  <div class="stage">
    <span class="tk" style="background:#f0f2f5;color:#344054">Tổng 4.582</span>
    <span class="tk" style="background:#e9faf1;color:#077a45"><span class="dot ping"></span>Hoạt động 4.120</span>
    <span class="tk" style="background:#fdeced;color:#ab1f2a"><span class="dot"></span>Vô hiệu hoá 312</span>
    <span class="tk" style="background:#fff6e6;color:#8a4c04"><span class="dot"></span>Cần xử lý 150</span>
  </div>
  <div class="stage">
    <div class="banner" style="background:#fdeced;border-color:#fbd8da;color:#ab1f2a"><b>Không tải được dữ liệu</b><span class="btn" style="height:24px;font-size:11px;background:#d92d3a;border-color:#d92d3a;color:#fff"><svg class="i i12"><use href="#refresh"/></svg>Thử lại</span></div>
  </div>
  <ul>
    <li>Thứ tự cố định: "Tổng" (xám) rồi đến các viên theo bộ chữ trạng thái ở 3.4: viên xanh lá có chấm toả sóng, viên đỏ, viên cam, viên xám nếu có.
      <ul>
        <li>VIA, Instagram: Tổng · Hoạt động · Vô hiệu hoá · Cần xử lý.</li>
        <li>BM: Tổng · Hoạt động · Vô hiệu hoá · Chưa rõ (xám).</li>
        <li>TKQC: Tổng · Hoạt động · Vô hiệu hoá · Nợ.</li>
        <li>Page: Tổng · Đang hiển thị · Đang ẩn. Số sở hữu / chia sẻ / đang chạy quảng cáo đưa vào bộ lọc.</li>
        <li>Pixel: Tổng · Đang nhận dữ liệu · Im lặng · Không dùng được.</li>
        <li>Chiến dịch: Tổng · Đang chạy · Tạm dừng · Khác.</li>
      </ul>
    </li>
    <li>Số dòng mỗi trang: 50 / 100 / 200 / 500 / Tất cả, mặc định 100 (kể cả VIA, Instagram, Chiến dịch).</li>
    <li>Mọi bảng có màn báo lỗi theo mẫu của trang Chiến dịch: thanh đỏ "Không tải được dữ liệu" + nút "Thử lại".</li>
  </ul>

  <h3 id="c15">3.15. Cảnh báo</h3>
  <div class="stage">
    <span class="btn red-soft" style="border-radius:999px"><svg class="i i12"><use href="#alert"/></svg>2</span>
    <span class="btn amber" style="border-radius:999px"><svg class="i i12"><use href="#alert"/></svg>1</span>
    <div class="banner" style="background:#fff;border-color:#e3e7ed"><svg class="i i20" style="color:#0d9b59"><use href="#shield-check"/></svg><b>Tài sản đang an toàn</b></div>
  </div>
  <ul>
    <li>Nút cảnh báo ở đầu trang chi tiết: viên tam giác + số, màu theo mức cao nhất đang có (đỏ hoặc cam). ADS bỏ tia sét.</li>
    <li>Thanh cảnh báo: đỏ (nghiêm trọng), cam (cần chú ý), xanh dương (gợi ý).</li>
    <li>Không có cảnh báo: khiên dấu tích xanh + "Tài sản đang an toàn" (giữ như hiện tại).</li>
  </ul>

  <h3 id="c16">3.16. Vai trò, quyền, sở hữu</h3>
  <p class="lead">Giữ tên như web hiện tại. Chỗ nào cùng loại thì dùng chung một tên, một màu: tím là toàn quyền, xanh dương là được dùng / chạy, xanh ngọc là chỉ xem.</p>
  <div class="stage">
    <span class="bd b-warn"><svg class="i i12"><use href="#crown"/></svg>OWNER</span><span class="bd b-violet">ADMIN</span><span class="bd b-info">EMPLOYEE</span><span class="bd b-cyan">DEVELOPER</span><span class="bd b-ok">FINANCE</span>
  </div>
  <div class="stage">
    <span class="bd b-violet">MANAGE</span><span class="bd b-info">ADVERTISE</span><span class="bd b-cyan">ANALYZE</span><span class="bd b-warn">DRAFT</span>
    <span class="bd b-violet">FULL</span><span class="bd b-mute">MỘT PHẦN</span>
    <span class="bd b-dash">Chưa cấp</span><span class="bd b-err">Không cấp được</span>
  </div>
  <div class="stage">
    <span class="bd b-ok">Sở hữu</span><span class="bd b-info">Chia sẻ</span>
    <span class="bd b-ok">Gốc</span><span class="bd b-info">Trung gian</span><span class="bd b-violet">Trắng</span>
    <span class="bd b-ok">CONFIRMED</span><span class="bd b-warn">PENDING</span>
  </div>
  <ul>
    <li><b>Vai trò trong BM</b> (tab Người dùng, Lời mời, chi tiết VIA): OWNER (cam, vương miện), ADMIN (tím), EMPLOYEE (xanh dương), DEVELOPER (xanh ngọc), FINANCE (xanh lá). Lời mời bỏ "Quản trị viên" / "Nhân viên", chi tiết VIA bỏ "Admin" / "Employee" để dùng chung tên trên.</li>
    <li><b>Quyền trên TKQC</b> (chia sẻ TKQC, người dùng TKQC): MANAGE (tím), ADVERTISE (xanh dương), ANALYZE (xanh ngọc), DRAFT (cam). Người dùng TKQC bỏ "Admin" / "Advertiser" / "Analyst" để dùng chung tên trên.</li>
    <li><b>Quyền Kết nối nâng cao:</b> Quản lý TKQC (tím), Quản lý chiến dịch (xanh dương), Xem hiệu quả (xanh ngọc), Creative Hub (xám). Chưa cấp: xám viền đứt. Không cấp được: đỏ.</li>
    <li><b>Quyền đối tác:</b> FULL (tím), MỘT PHẦN (xám).</li>
    <li><b>Sở hữu / chia sẻ:</b> chỉ dùng "Sở hữu" (xanh lá) và "Chia sẻ" (xanh dương) ở mọi chỗ. Bỏ "Share", "SHARED", "Owned", "Shared", "Được chia sẻ", "BM sở hữu". Riêng VIA dùng "Gốc" (xanh lá) / "Chia sẻ" (xanh dương).</li>
    <li><b>Loại BM:</b> Gốc (xanh lá), Trung gian (xanh dương), Trắng (tím).</li>
    <li><b>BM trung gian và TKQC chia sẻ:</b> cùng một quan hệ (TKQC được share vào BM khác), chỉ gọi hai tên. Nhìn từ TKQC, VIA: "BM trung gian" (chỗ chật ghi "Trung gian"). Nhìn từ BM: "TKQC chia sẻ". Bỏ "BM Trung Gian", "Share", "Shared", "Shared Ads", "Ads trung gian", "TKQC Chia sẻ (Shared)", "Được chia sẻ" ở các chỗ này.</li>
    <li><b>Xác nhận chia sẻ:</b> CONFIRMED (xanh lá), PENDING (cam).</li>
  </ul>

  <h3 id="c17">3.17. Xác minh, 2FA, loại tài khoản</h3>
  <div class="stage">
    <div class="m"><span class="ic t-ok"><svg class="i"><use href="#badge-check"/></svg></span><small>Đã xác minh</small></div>
    <div class="m"><span class="ic t-warn"><svg class="i"><use href="#clock"/></svg></span><small>Đang chờ</small></div>
    <div class="m"><span class="ic t-err"><svg class="i"><use href="#x-circle"/></svg></span><small>Bị từ chối</small></div>
    <div class="m"><span class="ic t-mute"><svg class="i"><use href="#minus-circle"/></svg></span><small>Chưa xác minh</small></div>
    <div class="m"><span class="row"><span class="ic t-brand"><svg class="i"><use href="#key"/></svg></span><span class="ic t-mute"><svg class="i"><use href="#key"/></svg></span></span><small>2FA có / chưa</small></div>
    <div class="m"><span class="row"><span class="ic t-brand"><svg class="i"><use href="#lock"/></svg></span><span class="ic t-mute"><svg class="i"><use href="#lock"/></svg></span></span><small>Mật khẩu có / chưa</small></div>
    <div class="m"><span class="row"><span class="bd b-info"><svg class="i i12"><use href="#building"/></svg>Doanh nghiệp</span><span class="bd b-mute"><svg class="i i12"><use href="#user"/></svg>Cá nhân</span><span class="bd b-ok"><svg class="i i12"><use href="#star"/></svg>Nhà sáng tạo</span></span><small>Loại tài khoản</small></div>
  </div>
  <ul>
    <li><b>Xác minh</b> (BM, Page, bảng BM, thẻ xem nhanh): tên cột "Xác minh" (bỏ "XMDN"). Icon huy hiệu dấu tích.
      <ul>
        <li>Đã xác minh: xanh lá. Đang chờ: đồng hồ cam. Bị từ chối: dấu X đỏ. Chưa xác minh: dấu trừ xám.</li>
        <li>Bỏ nhãn "✓", khiên dấu tích / khiên chấm than ở chi tiết BM, nhãn cỡ to ở Page.</li>
      </ul>
    </li>
    <li><b>2FA:</b> chìa khoá, giữ như cột 2FA ở Quản lý VIA. Hai trạng thái: đã có 2FA thì chìa khoá xanh trên nền xanh nhạt; chưa có thì chìa khoá xám. Bấm: có thì chép mã, chưa có thì thêm. Dùng ở Quản lý VIA, Instagram (thay chữ "Có"), tab Người dùng chi tiết BM (thay khiên dấu tích).</li>
    <li><b>Mật khẩu:</b> ổ khoá, giữ như cột Mật khẩu ở Quản lý VIA. Hai trạng thái: đã có mật khẩu thì ổ khoá xanh trên nền xanh nhạt; chưa có thì ổ khoá xám. Bấm để sửa mật khẩu.</li>
    <li>Ổ khoá cũng dùng cho Khoá tài sản (3.19) nhưng khác chỗ và khác màu: Khoá là ổ khoá cam đứng ngay trước tên, Mật khẩu là ô icon xanh / xám trong cột Mật khẩu.</li>
    <li><b>Loại tài khoản:</b> nhãn có icon, mỗi loại một màu. Doanh nghiệp xanh dương (toà nhà), Cá nhân xám (người), Nhà sáng tạo xanh lá (ngôi sao, chỉ Instagram). TKQC và Instagram dùng chung.</li>
    <li>Ở chi tiết TKQC, "Trả trước / Trả sau" đổi tên ô thành "Hình thức thanh toán", không gọi là "Loại".</li>
  </ul>

  <h3 id="c18">3.18. Tiền tệ, quốc gia, múi giờ, hạn mức, kỳ hạn</h3>
  <div class="stage">
    <span class="bd b-info">$ USD</span><span class="bd b-warn">₫ VND</span><span class="bd b-violet">€ EUR</span>
    <span class="bd b-mute"><svg width="16" height="12" viewBox="0 0 16 12" style="border-radius:2px;flex:none"><rect width="16" height="12" fill="#da251d"/><polygon points="8,2.6 8.9,5.3 11.7,5.3 9.4,6.9 10.3,9.6 8,7.9 5.7,9.6 6.6,6.9 4.3,5.3 7.1,5.3" fill="#ffde00"/></svg>VN</span>
    <span class="bd b-mute"><svg class="i i12" style="color:#315ef5"><use href="#clock"/></svg>UTC+7 Hồ Chí Minh</span>
    <span class="row" style="font-size:12px"><svg class="i i12" style="color:#315ef5"><use href="#pin"/></svg>Hà Nội, Việt Nam</span>
    <span class="bd b-ok">Không giới hạn</span><span class="bd b-mute">1.500</span>
    <span class="row" style="font-size:12px;color:#475467"><svg class="i i12"><use href="#calendar"/></svg>15/10 · còn 6 ngày</span>
    <span class="row" style="font-size:12px;color:#d97706;font-weight:600"><svg class="i i12"><use href="#calendar"/></svg>11/10 · còn 2 ngày</span>
    <span class="row" style="font-size:12px;color:#dc2626;font-weight:600"><svg class="i i12"><use href="#calendar"/></svg>05/10 · quá 4 ngày</span>
  </div>
  <ul>
    <li><b>Tiền tệ:</b> nhãn có ký hiệu + mã, mỗi loại tiền một màu: "$ USD" xanh dương, "₫ VND" vàng, "€ EUR" tím, loại khác xám.</li>
    <li><b>Quốc gia:</b> nhãn xám có ảnh cờ nhỏ (16 × 12px, bo 2px) + mã 2 chữ "VN", rê chuột hiện tên nước. Dùng ảnh cờ, không dùng emoji cờ vì trên Windows emoji cờ chỉ hiện thành hai chữ cái. Danh sách và chi tiết dùng cùng kiểu.</li>
    <li><b>Múi giờ:</b> nhãn xám, icon đồng hồ màu xanh thương hiệu: "UTC+7 Hồ Chí Minh".</li>
    <li><b>Location VIA:</b> ghim màu xanh thương hiệu + tên nơi, cả ở cột và dải nhận diện (bỏ quả địa cầu ở dải nhận diện).</li>
    <li><b>DSL:</b> số thường, không tô màu theo mức. "Không giới hạn" xanh lá (bỏ "No limit").</li>
    <li><b>Kỳ hạn:</b> lịch + ngày + "còn {n} ngày" màu xám; cam khi còn 3 ngày trở xuống; đỏ khi "Hôm nay" hoặc "quá {n} ngày". Dùng cho cả hai bảng TKQC.</li>
    <li><b>Còn lại trước ngưỡng</b> (thay "TH Remain"): đỏ khi dưới 15% (giữ).</li>
  </ul>

  <h3 id="c19">3.19. Thanh trên bảng và Khoá</h3>
  <div class="stage">
    <span class="bd b-mute">Tất cả nhóm</span>
    <span class="ic" style="color:#475467"><svg class="i i14"><use href="#refresh"/></svg></span>
    <span class="row" style="width:230px;height:32px;border:1px solid #e3e7ed;border-radius:8px;padding:0 10px;color:#98a2b3;font-size:12px"><svg class="i i14"><use href="#search"/></svg>Tìm theo tên hoặc ID VIA...</span>
    <span class="btn ghost" style="border-color:transparent;color:#475467"><svg class="i i12"><use href="#tag"/></svg>Tag</span>
    <span class="ic" style="color:#475467"><svg class="i i14"><use href="#settings2"/></svg></span>
    <span class="ic" style="color:#475467"><svg class="i i14"><use href="#trash"/></svg></span>
    <span class="ic" style="color:#475467"><svg class="i i14"><use href="#download"/></svg></span>
    <span class="btn solid" style="font-weight:700;letter-spacing:.04em"><svg class="i i14"><use href="#plus-circle"/></svg>THÊM TÀI KHOẢN FACEBOOK</span>
  </div>
  <div class="stage" style="background:#eef3ff">
    <span class="btn"><svg class="i i12"><use href="#list-filter"/></svg>Lọc theo dòng đã chọn</span>
    <span class="btn"><svg class="i i12"><use href="#copy"/></svg>Sao chép ID</span>
    <span class="btn"><svg class="i i12"><use href="#download"/></svg>Xuất dữ liệu</span>
    <span class="btn prim"><svg class="i i12"><use href="#bookmark"/></svg>Mở nhanh<svg class="i i12"><use href="#chev-down"/></svg></span>
    <span class="btn solid"><svg class="i i12"><use href="#wrench"/></svg>Công cụ<svg class="i i12"><use href="#chev-down"/></svg></span>
    <span class="btn solid"><svg class="i i12"><use href="#sliders"/></svg>Quản lý<svg class="i i12"><use href="#chev-down"/></svg></span>
  </div>
  <div class="stage">
    <span class="row" style="font-size:13px;font-weight:600;color:#101828"><svg class="i i14" style="color:#d97706"><use href="#lock"/></svg>Hoa Vương</span>
    <span class="bd b-warn"><svg class="i i12"><use href="#lock"/></svg>Đang khoá</span>
    <span class="btn"><svg class="i i12"><use href="#lock"/></svg>Khoá</span>
    <span class="btn amber"><svg class="i i12"><use href="#lock-open"/></svg>Mở khoá</span>
  </div>
  <ul>
    <li><b>Thanh thường:</b> trái là "Tất cả nhóm", Tải lại. Giữa là ô tìm, Tìm kiếm nâng cao. Phải là Tag, Cài đặt cột, Thùng rác, Xuất dữ liệu, cuối cùng là nút chính.</li>
    <li><b>Khi chọn dòng:</b> Lọc theo dòng đã chọn → Sao chép ID → Xuất dữ liệu → Mở nhanh ▾ → Công cụ ▾ → Quản lý ▾.
      <ul><li>Công cụ: việc chạy trên Facebook. Quản lý: việc trong hệ thống.</li><li>Page, Pixel, Instagram cũng gom nút vào hai menu này. Không có quyền thì ẩn menu.</li></ul>
    </li>
    <li><b>Nút chính:</b> in hoa, có dấu cộng tròn: "THÊM TÀI KHOẢN FACEBOOK", "THÊM INSTAGRAM", "TẠO CHIẾN DỊCH". Riêng "Đồng bộ Page", "Đồng bộ Pixel" viết thường.</li>
    <li><b>Xoá:</b> ghi "Chuyển vào thùng rác".</li>
    <li><b>Khoá:</b> ổ khoá cam trước tên, nhãn "Đang khoá". Nút "Khoá" / "Mở khoá" có hộp xác nhận. VIA và Instagram như nhau.</li>
    <li><b>Bo góc:</b> mọi thứ trên thanh bo 8px (ô tìm đang 16px, các nút đang 4–6px).</li>
  </ul>

  <h3 id="c21">3.20. Ads Manager và trang Chiến dịch</h3>
  <div class="stage" style="gap:0;padding:0">
    <span class="row" style="padding:10px 16px;font-size:13px;font-weight:600;color:#315ef5;border-bottom:2px solid #315ef5"><svg class="i"><use href="#target"/></svg>Chiến dịch</span>
    <span class="row" style="padding:10px 16px;font-size:13px;color:#667085"><svg class="i"><use href="#layers"/></svg>Nhóm quảng cáo</span>
    <span class="row" style="padding:10px 16px;font-size:13px;color:#667085"><svg class="i"><use href="#image"/></svg>Quảng cáo</span>
  </div>
  <ul>
    <li>Tab Ads Manager trong chi tiết TKQC dùng lại bảng của trang Chiến dịch, lọc sẵn theo TKQC đó.</li>
    <li>Ba tab ghi "Chiến dịch", "Nhóm quảng cáo", "Quảng cáo" ở cả hai nơi, icon bia bắn / các lớp / khung ảnh.</li>
    <li>Tên cột tiếng Việt và giống nhau ở cả ba bảng: Ngân sách, Lượt hiển thị, Tiếp cận, Quốc gia, Nhóm quảng cáo, Chi phí / kết quả, Kết thúc...</li>
  </ul>
  <h3 id="c22">3.21. Cỡ và bo góc</h3>
  <p class="lead">Chỉ có 5 khuôn. Bo góc chỉ có 2 mức: 8px, hoặc tròn hẳn.</p>
  <div class="stage">
    <div class="m"><span class="ic t-ok"><svg class="i"><use href="#badge-check"/></svg></span><small>Ô icon · 32px · bo 8px</small></div>
    <div class="m"><span class="row"><span class="bd b-err"><svg class="i i12"><use href="#ban"/></svg>DIE Scam</span><span class="chip b-warn"><svg class="i i12"><use href="#building"/></svg>1/2</span></span><small>Nhãn · cao 20px · bo 8px</small></div>
    <div class="m"><span class="row"><span class="pill p-pink">VIP</span><span class="ms"><b>47</b><i></i><span class="g">9</span><span class="r">37</span><span class="o">1</span></span></span><small>Viên · cao 20px · bo tròn</small></div>
    <div class="m"><span class="dot" style="color:#0d9b59;width:8px;height:8px"></span><small>Chấm · 8px · tròn</small></div>
    <div class="m"><span class="row"><span class="btn"><svg class="i i12"><use href="#refresh"/></svg>Đồng bộ</span><span class="btn solid" style="font-weight:700;letter-spacing:.04em"><svg class="i i14"><use href="#plus-circle"/></svg>THÊM TÀI KHOẢN FACEBOOK</span></span><small>Nút · 28px / nút chính 32px · bo 8px</small></div>
  </div>
  <ul>
    <li><b>Ô icon:</b> 32px, icon 16px, bo 8px. Dùng cho mọi ô chỉ có icon trong bảng. Web đang 32px bo 10px (VIA), 28px (BM, ADS).
      <ul><li>Ngoài bảng: thẻ số liệu 40px, nút Chrome 36px, cũng bo 8px.</li></ul>
    </li>
    <li><b>Nhãn chữ:</b> cao 20px, chữ 11px, icon 12px, bo 8px (web đang 4px). Bỏ nhãn to 28px.</li>
    <li><b>Viên:</b> cao 20px, tròn. Chỉ cho Tag, viên đếm, dải đếm chân bảng (cao 24px).</li>
    <li><b>Chấm:</b> 8px, tròn. Trong nhãn và viên: 6px.</li>
    <li><b>Nút:</b> cao 28px, nút chính và nút menu 32px, icon 14px, bo 8px.
      <ul><li>Nút thường: viền xám <code>#d2d8e1</code>.</li><li>Nút có màu: không viền, nền nhạt chữ màu. Xanh <code>#eef3ff</code> / <code>#2946d3</code>, cam <code>#fff6e6</code> / <code>#8a4c04</code>, đỏ <code>#fdeced</code> / <code>#ab1f2a</code>.</li></ul>
    </li>
  </ul>
  <h3 id="c23">3.22. Mã màu</h3>
  <p class="lead">Lấy đúng từ mã nguồn web Khách (<code>app/ds-tokens.css</code>, <code>components/ds/data-display/tone.tsx</code>). Mọi nhãn, ô icon, chấm, viên đếm chỉ dùng các mã dưới đây, không tự chọn màu khác.</p>
  <div class="table-scroll"><table style="border-collapse:collapse;width:100%;font-size:.86rem">
    <thead><tr><th style="padding:.4rem .5rem;border:1px solid var(--border)">Tông</th><th style="padding:.4rem .5rem;border:1px solid var(--border)">Dùng khi</th><th style="padding:.4rem .5rem;border:1px solid var(--border)">Mẫu</th><th style="padding:.4rem .5rem;border:1px solid var(--border)">Nền</th><th style="padding:.4rem .5rem;border:1px solid var(--border)">Viền</th><th style="padding:.4rem .5rem;border:1px solid var(--border)">Chữ trong nhãn</th><th style="padding:.4rem .5rem;border:1px solid var(--border)">Chấm, thanh</th></tr></thead>
    <tbody>
      <tr><td style="padding:.4rem .5rem;border:1px solid var(--border)">Xanh lá (<code>success</code>)</td><td style="padding:.4rem .5rem;border:1px solid var(--border)">sống, thành công</td><td style="padding:.4rem .5rem;border:1px solid var(--border);background:#fff"><span class="bd b-ok"><span class="dot" style="color:#0d9b59;width:6px;height:6px"></span>Hoạt động</span></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#e9faf1</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#cdf3e0</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#077a45</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#0d9b59</code></td></tr>
      <tr><td style="padding:.4rem .5rem;border:1px solid var(--border)">Cam (<code>warning</code>)</td><td style="padding:.4rem .5rem;border:1px solid var(--border)">cần chú ý</td><td style="padding:.4rem .5rem;border:1px solid var(--border);background:#fff"><span class="bd b-warn"><span class="dot" style="color:#d97706;width:6px;height:6px"></span>Checkpoint</span></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#fff6e6</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#ffe9c2</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#8a4c04</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#d97706</code></td></tr>
      <tr><td style="padding:.4rem .5rem;border:1px solid var(--border)">Đỏ (<code>danger</code>)</td><td style="padding:.4rem .5rem;border:1px solid var(--border)">chết, lỗi</td><td style="padding:.4rem .5rem;border:1px solid var(--border);background:#fff"><span class="bd b-err"><span class="dot" style="color:#d92d3a;width:6px;height:6px"></span>Vô hiệu hoá</span></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#fdeced</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#fbd8da</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#ab1f2a</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#d92d3a</code></td></tr>
      <tr><td style="padding:.4rem .5rem;border:1px solid var(--border)">Xám (<code>neutral</code>)</td><td style="padding:.4rem .5rem;border:1px solid var(--border)">chưa rõ, chưa có, đang tắt</td><td style="padding:.4rem .5rem;border:1px solid var(--border);background:#fff"><span class="bd b-mute"><span class="dot" style="color:#667085;width:6px;height:6px"></span>Hết hạn</span></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#f0f2f5</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#e3e7ed</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#344054</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#667085</code></td></tr>
      <tr><td style="padding:.4rem .5rem;border:1px solid var(--border)">Xanh dương (<code>info</code>)</td><td style="padding:.4rem .5rem;border:1px solid var(--border)">trung tính, đang chạy</td><td style="padding:.4rem .5rem;border:1px solid var(--border);background:#fff"><span class="bd b-info"><span class="dot" style="color:#315ef5;width:6px;height:6px"></span>Chia sẻ</span></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#eef3ff</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#c2d3ff</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#2339a6</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#315ef5</code></td></tr>
      <tr><td style="padding:.4rem .5rem;border:1px solid var(--border)">Thương hiệu (<code>brand</code>)</td><td style="padding:.4rem .5rem;border:1px solid var(--border)">nút chính, đã có (2FA, mật khẩu)</td><td style="padding:.4rem .5rem;border:1px solid var(--border);background:#fff"><span class="bd" style="background:#eef3ff;color:#2946d3;border-color:#9bb6ff">250</span> <span class="ic t-brand"><svg class="i"><use href="#key"/></svg></span></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#eef3ff</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#9bb6ff</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#2946d3</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#315ef5</code></td></tr>
      <tr><td style="padding:.4rem .5rem;border:1px solid var(--border)">Tím (<code>violet</code>)</td><td style="padding:.4rem .5rem;border:1px solid var(--border)">toàn quyền, loại BM Trắng</td><td style="padding:.4rem .5rem;border:1px solid var(--border);background:#fff"><span class="bd b-violet"><span class="dot" style="color:#5753f5;width:6px;height:6px"></span>ADMIN</span></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#f0efff</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#e3e1ff</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#3f3ac4</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#5753f5</code></td></tr>
      <tr><td style="padding:.4rem .5rem;border:1px solid var(--border)">Xanh ngọc (<code>cyan</code>)</td><td style="padding:.4rem .5rem;border:1px solid var(--border)">quyền chỉ xem</td><td style="padding:.4rem .5rem;border:1px solid var(--border);background:#fff"><span class="bd b-cyan"><span class="dot" style="color:#64d8f4;width:6px;height:6px"></span>ANALYZE</span></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#ecfaff</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#d3f3fd</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#2a9cbb</code></td><td style="padding:.4rem .5rem;border:1px solid var(--border)"><code>#64d8f4</code></td></tr>
    </tbody>
  </table></div>
  <ul>
    <li><b>Viền luôn là bậc nhạt</b> (bậc 100, riêng xanh dương bậc 200, thương hiệu bậc 300), chỉ đậm hơn nền một chút. Không dùng màu chữ hay màu chấm làm viền.</li>
    <li><b>Ô icon vuông:</b> nền lấy cột "Nền", icon lấy cột "Chữ", riêng đỏ và thương hiệu icon dùng <code>#d92d3a</code> / <code>#315ef5</code>. Ô xám (chưa có) dùng nền <code>#fcfcfd</code>, icon <code>#667085</code>. Ô thương hiệu khi rê chuột đổi nền <code>#dde7ff</code>.</li>
    <li><b>Viên đếm:</b> nền trắng, viền <code>#e3e7ed</code>, tổng in đậm 12px màu <code>#315ef5</code>, vạch ngăn <code>#e3e7ed</code>, số từng phần 11px màu <code>#475467</code>, chấm 6px màu theo cột "Chấm".</li>
    <li><b>Chữ:</b> chính <code>#101828</code>, phụ <code>#475467</code>, mờ <code>#667085</code>, gợi ý trong ô nhập <code>#98a2b3</code>. Viền khung bảng, ô nhập <code>#e3e7ed</code>; viền nút <code>#d2d8e1</code>.</li>
  </ul>

  <h3 id="c24">3.23. Trang chi tiết</h3>
  <p class="lead">Áp dụng các quy tắc 3.1 – 3.22 cho phần riêng của trang chi tiết VIA, BM, TKQC, Instagram và thẻ xem nhanh Page, Pixel. Màu lấy theo bảng màu mục 3.22.</p>
  <h4 class="h4">3.23.1. Thẻ và ô số liệu</h4>
  <div class="stage">
    <span class="kp"><span class="ic t-ok" style="width:40px;height:40px"><svg class="i i20"><use href="#wifi"/></svg></span><span><em>TKQC hoạt động</em><b>9</b></span></span>
    <span class="kp"><span class="ic t-err" style="width:40px;height:40px"><svg class="i i20"><use href="#wifi-off"/></svg></span><span><em>TKQC vô hiệu hoá</em><b>37</b></span></span>
    <span class="kp"><span class="ic t-brand" style="width:40px;height:40px"><svg class="i i20"><use href="#dollar"/></svg></span><span><em>Chi tiêu hôm nay</em><b>$42</b></span></span>
    <span class="kp"><span class="ic t-brand" style="width:40px;height:40px"><svg class="i i20"><use href="#eye"/></svg></span><span><em>Lượt hiển thị</em><b>82K</b></span></span>
  </div>
  <ul>
    <li>Mọi thẻ: nền trắng, viền xám nhạt, bo 8px. Bỏ viền màu riêng từng thẻ.</li>
    <li>Ô số liệu BM và TKQC dùng chung kiểu BM hiện tại: ô icon 40px, bo 8px, bỏ gradient.
      <ul>
        <li>Số mang tình trạng dùng màu tình trạng: hoạt động xanh lá, vô hiệu hoá đỏ, nợ / chờ cam.</li>
        <li>Số liệu thường (chi tiêu, lượt hiển thị, lượt bấm, tiếp cận...) dùng xanh thương hiệu.</li>
      </ul>
    </li>
    <li>Tên ô viết tiếng Việt: "TKQC hoạt động", "Chi tiêu hôm nay", "Lượt hiển thị", "Lượt bấm", "Tiếp cận"...</li>
  </ul>
  <h4 class="h4">3.23.2. Đầu trang chi tiết</h4>
  <div class="stage">
    <div class="m"><span class="av" style="background:linear-gradient(135deg,#64d8f4,#315ef5)"><svg class="i i14"><use href="#monitor-phone"/></svg></span><small>sống</small></div>
    <div class="m"><span class="av" style="background:linear-gradient(135deg,#ef4a55,#d92d3a)"><svg class="i i14"><use href="#monitor-phone"/></svg></span><small>die</small></div>
    <div class="m"><span class="av" style="background:linear-gradient(135deg,#f79009,#d97706)"><svg class="i i14"><use href="#monitor-phone"/></svg></span><small>cần chú ý</small></div>
    <div class="m"><span class="av" style="background:linear-gradient(135deg,#98a2b3,#667085)"><svg class="i i14"><use href="#monitor-phone"/></svg></span><small>chưa rõ / hết hạn</small></div>
    <span class="btn amber" style="border-radius:999px"><svg class="i i12"><use href="#alert"/></svg>1</span>
    <span class="btn red-soft" style="border-radius:999px"><svg class="i i12"><use href="#alert"/></svg>2</span>
  </div>
  <ul>
    <li>Ảnh đầu dải nhận diện: 24px, bo 8px, icon trắng, gradient theo trạng thái. Chung cho VIA, Instagram, TKQC, BM:
      <ul>
        <li>Sống xanh dương, die / vô hiệu hoá đỏ, cần chú ý cam, chưa rõ / hết hạn xám.</li>
        <li>TKQC đổi từ 32px về 24px. BM có ảnh thì hiện ảnh, không có thì dùng gradient trên.</li>
      </ul>
    </li>
    <li>Nhãn trong dải nhận diện: nhãn chuẩn 20px.</li>
    <li>Nút cảnh báo cạnh tên tab: tam giác + số, không viền; đỏ nếu có cảnh báo đỏ, còn lại cam. TKQC bỏ nút tia sét 40px.</li>
  </ul>
  <h4 class="h4">3.23.3. Kết nối nâng cao và ô nguyên liệu</h4>
  <div class="stage">
    <span class="kp" style="background:#e9faf1;border-color:#cdf3e0"><span class="ic" style="width:40px;height:40px;background:#cdf3e0;color:#0d9b59"><svg class="i i20"><use href="#link"/></svg></span><span><b style="font-size:13px">Đã kết nối nâng cao</b></span></span>
    <span class="kp" style="background:#fff6e6;border-color:#ffe9c2"><span class="ic" style="width:40px;height:40px;background:#ffe9c2;color:#d97706"><svg class="i i20"><use href="#alert"/></svg></span><span><b style="font-size:13px">Cần kết nối lại</b></span></span>
    <span class="kp" style="background:#fcfcfd;border-color:#f0f2f5"><span class="ic" style="width:40px;height:40px;background:#e3e7ed;color:#667085"><svg class="i i20"><use href="#link"/></svg></span><span><b style="font-size:13px">Chưa kết nối</b></span></span>
  </div>
  <div class="stage">
    <span class="kp"><span class="ic t-ok"><svg class="i"><use href="#link"/></svg></span><span><b style="font-size:11px">Kết nối nâng cao Via</b><em style="color:#077a45">Sẵn sàng</em></span><span class="btn amber" style="height:20px;font-size:10px">Kết nối lại</span></span>
    <span class="kp"><span class="ic t-warn"><svg class="i"><use href="#cookie"/></svg></span><span><b style="font-size:11px">Phiên đăng nhập</b><em style="color:#8a4c04">Hết hạn</em></span><span class="btn prim" style="height:20px;font-size:10px">Kiểm tra</span></span>
    <span class="kp"><span class="ic t-mute"><svg class="i"><use href="#cookie"/></svg></span><span><b style="font-size:11px">Phiên đăng nhập</b><em>Chưa có</em></span></span>
  </div>
  <ul>
    <li>Thẻ Kết nối nâng cao (chi tiết VIA, BM) dùng một kiểu, ô icon 40px, nền đặc:
      <ul>
        <li>Đã kết nối xanh lá, sắp hết hạn cam, cần kết nối lại cam có tam giác, chưa kết nối xám.</li>
        <li>Thẻ ở tổng quan BM bỏ ô robot tím, dùng đúng kiểu trên.</li>
      </ul>
    </li>
    <li>Ô nguyên liệu (chi tiết VIA, Instagram): ô icon chuẩn 32px, bỏ gradient:
      <ul>
        <li>Sẵn sàng xanh lá, hết hạn / lỗi cam, chưa có xám, đang kiểm tra xanh dương.</li>
        <li>Kết nối nâng cao Via là mắt xích (bỏ chìa khoá), Phiên đăng nhập là bánh quy.</li>
      </ul>
    </li>
    <li>Nút nhỏ trong ô: không viền. "Kết nối", "Kiểm tra", "Đổi phiên" xanh dương; "Kết nối lại" cam; đang khoá xám.</li>
  </ul>
  <h4 class="h4">3.23.4. Hồ sơ hoạt động</h4>
  <div class="stage">
    <span class="bd b-info" style="border-radius:999px"><svg class="i i12"><use href="#sprout"/></svg>Đang nuôi</span>
    <span class="bd b-mute" style="border-radius:999px"><svg class="i i12"><use href="#package"/></svg>Kho</span>
    <span class="bd b-ok" style="border-radius:999px"><svg class="i i12"><use href="#zap"/></svg>Đang dùng</span>
    <span class="bd b-warn" style="border-radius:999px"><svg class="i i12"><use href="#archive"/></svg>Lưu trữ</span>
    <span class="bd b-err" style="border-radius:999px"><svg class="i i12"><use href="#skull"/></svg>Loại bỏ</span>
    <span class="bd b-dash" style="border-radius:999px"><svg class="i i12"><use href="#circle-dashed"/></svg>Chưa phân loại</span>
  </div>
  <div class="stage">
    <div class="m"><span class="edot" style="background:#0d9b59;box-shadow:0 0 0 4px #cdf3e0"><svg class="i i14"><use href="#waypoints"/></svg></span><small>Vòng đời</small></div>
    <div class="m"><span class="edot" style="background:#d97706;box-shadow:0 0 0 4px #ffe9c2"><svg class="i i14"><use href="#msg"/></svg></span><small>Ghi chú</small></div>
    <div class="m"><span class="edot" style="background:#315ef5;box-shadow:0 0 0 4px #dde7ff"><svg class="i i14"><use href="#activity"/></svg></span><small>Trạng thái</small></div>
    <div class="m"><span class="edot" style="background:#5753f5;box-shadow:0 0 0 4px #e3e1ff"><svg class="i i14"><use href="#building"/></svg></span><small>Gắn BM</small></div>
    <div class="m"><span class="edot" style="background:#d92d3a;box-shadow:0 0 0 4px #fbd8da"><svg class="i i14"><use href="#link-off"/></svg></span><small>Rời BM</small></div>
    <div class="m"><span class="edot" style="background:#667085;box-shadow:0 0 0 4px #f0f2f5"><svg class="i i14"><use href="#sliders"/></svg></span><small>Hệ thống</small></div>
  </div>
  <ul>
    <li>Nhãn giai đoạn giữ như hiện tại.</li>
    <li>Chấm sự kiện 32px, icon trắng: Vòng đời xanh lá, Ghi chú cam, Trạng thái xanh dương, Gắn BM tím, Rời BM đỏ, Hệ thống xám.
      <ul>
        <li>Gắn BM đổi icon cặp tài liệu sang toà nhà.</li>
        <li>Rời BM: thẻ sự kiện đổi cam sang đỏ cho khớp chấm.</li>
      </ul>
    </li>
    <li>Thẻ sự kiện bo 8px, vạch trái cùng màu chấm. Viên "Đang chạy" giữ.</li>
  </ul>
  <h4 class="h4">3.23.5. Chrome, nhật ký, lịch nhiệt</h4>
  <div class="stage">
    <div class="m"><span class="ic t-ok"><svg class="i"><use href="#check-circle"/></svg></span><small>Đang chạy</small></div>
    <div class="m"><span class="ic t-info"><svg class="i spin"><use href="#loader"/></svg></span><small>Đang mở</small></div>
    <div class="m"><span class="ic t-err"><svg class="i"><use href="#x-circle"/></svg></span><small>Lỗi</small></div>
    <div class="m"><span class="ic" style="background:#f0f2f5;color:#667085"><svg class="i"><use href="#power"/></svg></span><small>Đã đóng</small></div>
    <span class="bd b-info"><svg class="i i12"><use href="#globe"/></svg>Facebook</span>
    <span class="bd b-mute"><svg class="i i12"><use href="#hdd"/></svg>Nội bộ</span>
    <span class="bd b-mute"><svg class="i i12"><use href="#plug"/></svg>Extension</span>
  </div>
  <div class="stage">
    <div class="m"><span class="row" style="gap:3px"><i class="hc" style="background:#f0f2f5"></i><i class="hc" style="background:#cdf3e0"></i><i class="hc" style="background:#12b76a"></i><i class="hc" style="background:#0d9b59"></i><i class="hc" style="background:#077a45"></i></span><small>ổn định / hoạt động: ít → nhiều</small></div>
    <div class="m"><span class="row" style="gap:3px"><i class="hc" style="background:#f79009"></i><i class="hc" style="background:#a95d05"></i><i class="hc" style="background:#ef4a55"></i><i class="hc" style="background:#ab1f2a"></i></span><small>có lỗi: ít → nhiều</small></div>
  </div>
  <ul>
    <li>Tab Chrome: ô icon chuẩn 32px, chữ tiếng Việt: Đang chạy xanh lá, Đang mở xanh dương, Lỗi đỏ, Đã đóng xám.</li>
    <li>Nhật ký tài sản: nhãn nguồn chuẩn 20px. Facebook xanh dương; Nội bộ và Extension xám, phân biệt bằng icon. Extension bỏ cam.</li>
    <li>Lịch nhiệt (Lịch sử trạng thái VIA, BM, TKQC và Hoạt động TKQC) dùng một thang:
      <ul>
        <li>Ô 13px, bo 3px (ô quá nhỏ nên không theo 8px).</li>
        <li>Không có gì xám; ổn định xanh lá nhạt → đậm; có lỗi cam → đỏ.</li>
        <li>Chú thích hiện đủ mọi mức.</li>
      </ul>
    </li>
  </ul>
  <h4 class="h4">3.23.6. Thẻ VIA</h4>
  <div class="stage">
    <span class="kp" style="flex-direction:column;align-items:flex-start;gap:6px"><span class="row"><span class="av" style="background:linear-gradient(135deg,#64d8f4,#315ef5);position:relative"><svg class="i i14"><use href="#monitor-phone"/></svg></span><b style="font-size:13px">Nguyễn Khang</b><span class="bd b-ok">Hoạt động</span><span class="bd b-ok">Phiên còn sống</span><span class="bd b-ok">Gốc</span></span>
      <span class="row" style="gap:4px"><span class="bd b-ok">VIA</span><span class="bd b-ok">Ads</span><span class="bd b-mute">Business</span><span class="bd b-ok">Proxy</span><span class="btn" style="background:linear-gradient(135deg,#397bff,#315ef5);color:#fff;border-color:transparent;height:24px;font-size:11px"><svg class="i i12"><use href="#chrome"/></svg>Chrome</span></span></span>
  </div>
  <ul>
    <li>Thẻ bo 8px. Sống: nền trắng. Sống một phần: nền cam nhạt. Die: nền xám, mờ đi.</li>
    <li>Nhãn nguyên liệu VIA, Ads, Business, Proxy: có thì xanh lá, chưa có thì xám. Bỏ màu riêng từng loại.</li>
    <li>Chưa có proxy: nhãn đỏ "Chưa có proxy" (bỏ "No Proxy").</li>
    <li>Nhãn VIA: "Gốc" (xanh lá) / "Chia sẻ" (xanh dương), bỏ "Share".</li>
    <li>Nút Chrome giữ gradient xanh, bo 8px thay cho bo tròn.</li>
  </ul>
  <h4 class="h4">3.23.7. Tổng quan BM và TKQC</h4>
  <ul>
    <li>Phân bổ trạng thái: chú thích chữ tiếng Việt, không hiện mã gốc.</li>
    <li>Top chi tiêu: thanh đổi tím sang xanh dương; "SHARED" đổi thành "Chia sẻ".</li>
    <li>Điểm sức khoẻ: khung, vòng, số cùng một màu. Tốt (từ 70) xanh lá, trung bình (40–69) cam, kém (dưới 40) đỏ.
      <ul>
        <li>Hiện icon khiên. "SCORE" đổi thành "ĐIỂM".</li>
      </ul>
    </li>
    <li>Vòng chiến dịch: đang chạy xanh lá, tạm dừng cam, khác xám.</li>
    <li>Thanh "Spend Cap" đổi tên "Giới hạn chi tiêu": dưới 70% xanh lá, từ 70% cam, từ 90% đỏ.</li>
  </ul>
  <h4 class="h4">3.23.8. Các tab của BM</h4>
  <ul>
    <li>Người dùng: đang chờ cam, người dùng hệ thống xanh dương (bỏ tím), người thường xám. Vai trò theo mục 3.16.</li>
    <li>Share TKQC: nhãn quyền và xác nhận theo mục 3.16.</li>
    <li>Kết nối nâng cao: nhãn quyền theo mục 3.16. Nhãn nguồn "TKQC gốc" / "TKQC chia sẻ", bộ lọc "Được chia sẻ" đổi thành "TKQC chia sẻ" (mục 3.16).</li>
    <li>Nhóm tài sản: "Owner" đổi thành "Sở hữu". Trạng thái TKQC theo mục 3.4.</li>
    <li>Pixel: ô đầu tab đổi cam sang xanh thương hiệu. Nhãn "Chia sẻ" tím đổi xanh dương.</li>
    <li>Đối tác: số TKQC dùng viên đếm (mục 3.9). Quyền theo mục 3.16.</li>
    <li>Nút "Gỡ", "Xoá": nền đỏ nhạt, không viền.</li>
  </ul>
  <h4 class="h4">3.23.9. Thẻ xem nhanh và cây liên kết</h4>
  <ul>
    <li>Thẻ xem nhanh Page, Pixel: bo 8px, viền xám nhạt. Dải đầu xanh nhạt; Pixel không dùng được thì đỏ nhạt.</li>
    <li>Pixel đổi icon radar sang tâm ngắm. Huy hiệu xác minh Page giữ xanh lá.</li>
    <li>Cây liên kết: nhãn 20px thay cho 28px. "Sở hữu" xanh lá, "Chia sẻ" xanh dương; "Hoạt động" xanh lá, "Vô hiệu hoá" đỏ.</li>
  </ul>
  <h4 class="h4">3.23.10. Lời mời, Instagram, bong bóng nhật ký</h4>
  <ul>
    <li>Lời mời: vai trò theo mục 3.16; OWNER kèm vương miện.</li>
    <li>Chi tiết Instagram: phiên "Chưa kiểm tra", "Chưa có" đổi cam sang xám. Ô đầu thẻ Ghi chú, Tags dùng xanh thương hiệu, bỏ vàng và tím. "Bị hạn chế" dùng tam giác cam.</li>
    <li>Bong bóng nhật ký: giữ gradient xanh → tím và bốn chấm nguyên liệu. Số chưa đọc nền đỏ.</li>
  </ul>

</section>

</div>
</body>
</html>

Số dòng: 1459