/* NHỊP V2.94 — Thẻ trả lời AI dùng chung (Phân tích › AI và Tin tức › AI phân tích).
   Một bảng màu: nền thẻ trung tính, nhấn theo màu thương hiệu; xanh/đỏ chỉ dành cho tăng/giảm. */
.nhc{--nhc-acc:var(--brand,var(--green,#0eb889));--nhc-bg:var(--surface2,#f6f8f7);--nhc-ln:var(--line,#dfe5e2);
  border:1px solid var(--nhc-ln);border-left:3px solid var(--nhc-acc);border-radius:14px;background:var(--nhc-bg);padding:14px 14px 12px;color:var(--text);font-size:14px;line-height:1.62}
.nhc[data-ex="HOSE"]{--nhc-acc:#2f6bff}.nhc[data-ex="HNX"]{--nhc-acc:#7c4dff}.nhc[data-ex="UPCOM"]{--nhc-acc:#f59f00}
.nhc-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}
.nhc-ex{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.04em;color:#fff;background:var(--nhc-acc);border-radius:999px;padding:3px 10px}
.nhc-kind{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.nhc-chip{font-size:11.5px;border:1px solid var(--nhc-ln);background:var(--surface);border-radius:999px;padding:2px 9px;color:var(--text2,var(--text))}
.nhc-chip.ok{border-color:#2fb37a66;color:#1f8f5f;background:#2fb37a14}.nhc-chip.bad{border-color:#e5484d66;color:#d23b40;background:#e5484d12}
html[data-theme="dark"] .nhc-chip.ok{color:#5fd8a0}html[data-theme="dark"] .nhc-chip.bad{color:#ff8a8e}
.nhc-warn{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:var(--warn-bg,#fff4d6);border:1px solid var(--warn-line,#ecd48a);color:var(--text);font-size:12.5px}
.nhc-warn ul{margin:0;padding-left:18px}
.nhc-body{font-family:inherit;color:var(--text);overflow-wrap:anywhere}
.nhc-body p{margin:0 0 8px}.nhc-body p:last-child{margin-bottom:0}
.nhc-body strong,.nhc-body b{font-weight:700}
.nhc-body h4{margin:16px 0 8px;font-size:15px;line-height:1.35;display:flex;align-items:center;gap:9px;color:var(--text);padding-bottom:6px;border-bottom:1px solid var(--nhc-ln)}
.nhc-body h4:first-child{margin-top:2px}
.nhc-n{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--nhc-acc);color:#fff;font-size:12.5px;font-weight:800}
.nhc-body ul,.nhc-body ol{margin:4px 0 10px;padding-left:20px}.nhc-body li{margin:3px 0}.nhc-body li::marker{color:var(--nhc-acc)}
.nhc-body code{background:var(--surface);border:1px solid var(--nhc-ln);border-radius:5px;padding:0 5px;font-size:.92em}
.nhc-body blockquote{margin:8px 0;padding:8px 12px;border-left:3px solid var(--nhc-acc);background:var(--surface);border-radius:0 10px 10px 0;color:var(--text2,var(--text))}
.nhc-body .tw{overflow-x:auto;margin:8px 0 12px;border:1px solid var(--nhc-ln);border-radius:10px;background:var(--surface)}
.nhc-body table{width:100%;border-collapse:collapse;font-size:12.8px;min-width:420px}
.nhc-body th{position:sticky;top:0;text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface2,#f2f5f4);padding:7px 10px;border-bottom:1px solid var(--nhc-ln);white-space:nowrap}
.nhc-body td{padding:7px 10px;border-bottom:1px solid var(--nhc-ln);vertical-align:top}
.nhc-body tr:last-child td{border-bottom:0}.nhc-body tbody tr:nth-child(even) td,.nhc-body tr:nth-child(even) td{background:color-mix(in srgb,var(--nhc-acc) 4%,transparent)}
.nhc-tag{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:1px 7px;margin-right:6px;vertical-align:1px}
.nhc-tag.fact{background:#2f6bff1a;color:#2f6bff;border:1px solid #2f6bff44}.nhc-tag.infer{background:#f59f001a;color:#b97800;border:1px solid #f59f0055}
html[data-theme="dark"] .nhc-tag.fact{color:#8db2ff}html[data-theme="dark"] .nhc-tag.infer{color:#ffc95c}
.nhc-pill{display:inline-block;font-size:11.5px;font-weight:700;border-radius:999px;padding:1px 9px;border:1px solid var(--nhc-ln);background:var(--surface);white-space:nowrap}
.nhc-pill.up{color:#1f8f5f;border-color:#2fb37a66;background:#2fb37a14}.nhc-pill.dn{color:#d23b40;border-color:#e5484d66;background:#e5484d12}.nhc-pill.mid{color:#8a6a00;border-color:#f59f0066;background:#f59f0014}.nhc-pill.neu{color:var(--muted)}
html[data-theme="dark"] .nhc-pill.up{color:#5fd8a0}html[data-theme="dark"] .nhc-pill.dn{color:#ff8a8e}html[data-theme="dark"] .nhc-pill.mid{color:#ffc95c}
.nhc-via{margin-top:12px;font-size:11.5px;color:var(--muted)}
.nhc .aix-used{margin-top:6px}
.nhc-ev{margin-top:10px;border:1px dashed var(--nhc-ln);border-radius:10px;background:var(--surface);font-size:12.5px}
.nhc-ev summary{cursor:pointer;padding:7px 12px;font-weight:700;color:var(--text2,var(--text))}
.nhc-ev ul{margin:0;padding:2px 14px 10px 30px;color:var(--text2,var(--text))}.nhc-ev li{margin:3px 0}
.nhc-sec{margin-top:12px}.nhc-sec>span.nhc-lb{display:block;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.nhc-links{display:flex;flex-wrap:wrap;gap:6px}
.nhc-links a,.nhc-links button{font:inherit;font-size:12.5px;text-decoration:none;color:var(--nhc-acc);border:1px solid color-mix(in srgb,var(--nhc-acc) 38%,transparent);background:color-mix(in srgb,var(--nhc-acc) 8%,transparent);border-radius:999px;padding:4px 11px;cursor:pointer}
.nhc-links a:hover,.nhc-links button:hover{background:color-mix(in srgb,var(--nhc-acc) 16%,transparent)}
.nhc .aix-acts{margin-top:12px;padding-top:10px;border-top:1px solid var(--nhc-ln)}
.nhc .aix-fu{margin-top:12px}
.nhc .aix-al{margin-top:8px}
.nhc-note{margin:10px 0 0;font-size:11.5px;color:var(--muted)}
.nhc-wait{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;border:1px dashed var(--nhc-ln);border-radius:14px;color:var(--muted);background:var(--surface2)}
.nhc-wait .dots i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:var(--green);animation:nhcb 1.1s infinite ease-in-out both}
.nhc-wait .dots i:nth-child(2){animation-delay:.15s}.nhc-wait .dots i:nth-child(3){animation-delay:.3s}
@keyframes nhcb{0%,80%,100%{transform:scale(.55);opacity:.45}40%{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.nhc-wait .dots i{animation:none}}
.nhc-comp{margin-top:12px}.nhc-comp .aix-f{margin:0}
.nhc-cov{margin:0 0 10px;font-size:12px;color:var(--muted)}
.nhc-syms{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.nhc-syms button{font:inherit;font-size:12.5px;font-weight:700;border:1px solid var(--nhc-ln);background:var(--surface);color:var(--text);border-radius:8px;padding:3px 9px;cursor:pointer}
.nhc-syms button:hover{border-color:var(--nhc-acc);color:var(--nhc-acc)}
@media(max-width:640px){.nhc{padding:12px 11px 10px;font-size:13.6px}.nhc-body h4{font-size:14.5px}.nhc-body table{font-size:12.2px}}
