/* NHỊP · Sửa màu theo giao diện (Light Pro · Dark Pro · Soft Comfort · Blue Finance) và màu theo sàn.
   Nạp CUỐI CÙNG trong index.html. Màu sàn chuẩn: HOSE xanh · HNX tím · UPCoM cam. */

/* 1. Màu sàn chuẩn + bản chữ dễ đọc trên nền tối */
html[data-house="HOSE"]{--house:#2f6df6;--house-ink:#2f6df6;--house-soft:rgba(47,109,246,.12)}
html[data-house="HNX"]{--house:#7c4dff;--house-ink:#7c4dff;--house-soft:rgba(124,77,255,.12)}
html[data-house="UPCOM"]{--house:#ea6a1f;--house-ink:#c4540f;--house-soft:rgba(234,106,31,.13)}
html[data-theme="dark"][data-house="HOSE"]{--house-ink:#7aa5ff}
html[data-theme="dark"][data-house="HNX"]{--house-ink:#b39bff}
html[data-theme="dark"][data-house="UPCOM"]{--house-ink:#ff9f66}
html:not([data-house]){--house:#2f6df6;--house-ink:#2f6df6}

/* 2. Nút Mua/Bán: nền sáng của giao diện tối → chữ tối */
html[data-theme="dark"] .tp-b,html[data-theme="dark"] .tp-s,
html[data-theme="dark"] .tp-bb,html[data-theme="dark"] .tp-ss,
html[data-theme="dark"] a.tp-b,html[data-theme="dark"] a.tp-s,
html[data-theme="dark"] .mh-head .tp-act a.tp-b,html[data-theme="dark"] .mh-head .tp-act a.tp-s{color:#07121c!important}

/* 3. Cảnh báo/vàng: đậm hơn trên nền sáng, sáng hơn trên nền tối */
.tp-rf{color:#9a6a00}
html[data-theme="dark"] .tp-rf{color:#f2c14e}
.qline.qwarn{color:#8a5a00}
html[data-theme="dark"] .qline.qwarn{color:#f2c14e}
html[data-theme="dark"] .hx-alert .hx-ic{background:#4a3a16}
html[data-theme="dark"] .hx-watch .hx-ic{background:#4a4416}
html[data-theme="dark"] .hx-ic{background:color-mix(in srgb,var(--brand) 22%,var(--surface))}
html[data-theme="dark"] .hx-ic[style*="background"]{filter:none}

/* 4. Báo cáo tài chính: chữ/liên kết theo giao diện, nhấn theo sàn */
.bc{--bc-blue:var(--house-ink)}
html[data-theme="dark"] .bc{--bc-navy:var(--text)}
html[data-theme="dark"] .ic2{background:var(--house-soft);color:var(--house-ink)}
html[data-skin="light"] .ic2,html[data-skin="soft"] .ic2{background:var(--house-soft);color:var(--house-ink)}

/* 5. Khối ngoại: thẻ/ô nền cứng #f2f7ff → token; tên sàn theo màu sàn */
.fx-exn{background:var(--house-soft);border-color:color-mix(in srgb,var(--house) 35%,var(--line,#cfe0fb));color:var(--house-ink)}
.fx-t tr.cur td{background:var(--sel,#f2f7ff)}
.fx-t td,.fx-t th,.fx-card,.fx-card h3{color:inherit}
html[data-skin] .fx-card{background:var(--surface);border-color:var(--line)}
html[data-skin] .fx-t td b,html[data-skin] .fx-t td{color:var(--text)}

/* 6. Thẻ sàn nhỏ (ex-tag, nhãn sàn) đọc được ở mọi giao diện */
.ex-tag.ex-HOSE,.ex-tag.ex-HNX,.ex-tag.ex-UPCOM{color:var(--ex-c)}
html[data-skin="soft"] .ex-tag.ex-UPCOM,html[data-skin="light"] .ex-tag.ex-UPCOM{--ex-c:#c4540f}

/* 7. Chữ tăng trên ô nền xanh nhạt (Thị trường): đậm hơn ở giao diện sáng */
html[data-theme="light"] .mk2-sec .up{color:color-mix(in srgb,var(--up,#0b9f77) 66%,#000)!important}
html[data-theme="light"] .mk2-sec .dn{color:color-mix(in srgb,var(--dn,#d64550) 78%,#000)!important}

/* 8. Chip/thẻ phụ dùng nền trắng cứng → token (bắt sót) */
html[data-skin] .pv2-btn:not(.g):not(.b),html[data-skin] .pv2-ic{background:var(--surface);color:var(--text)}

/* 9. Cảnh báo nến chậm (ID #cs thắng class) và nút Báo cáo tài chính trên nền sáng của giao diện tối */
html[data-theme="dark"] #cs .cs-src.qwarn,html[data-theme="dark"] .qline.qwarn{color:#f2c14e!important}
html[data-theme="dark"] .bc .bc-btn,html[data-theme="dark"] .bc button.on{color:#07121c}

/* 10. Nút chính của Danh mục theo màu sàn đang chọn */
.pv2 .pv2-btn.g{background:var(--b);border-color:var(--b)}

/* 11. Tin tức: thẻ "Cập nhật mới nhất" — giờ và ngày không tràn ra ngoài thẻ (xuống dòng ở khoảng trắng) */
.nw2-k>div{min-width:0;flex:1}
.nw2-k:nth-child(2) b{font-size:clamp(15px,1.6vw,19px);white-space:normal;line-height:1.25;overflow-wrap:anywhere}