/* Watermark logo Finalyze (12/10/2026) — phủ mờ lên giữa các bảng / biểu đồ trên toàn site (trừ cột giao dịch bên phải biểu đồ nến .stk-side).
   Dùng ::after nằm TRÊN nội dung (pointer-events:none, độ mờ thấp) vì nhiều biểu đồ (Lightweight Charts, canvas) tô nền đặc nên ảnh đặt dưới sẽ bị che.
   Ảnh: assets/logo-lockup-dark.png (logo mới, nền trong suốt). Thêm bảng khác: gắn class "wm" hoặc thêm bộ chọn vào danh sách WM. Gỡ 1 bảng: thêm class "no-wm". */
:where(
  main .panel:not(.panel .panel),            /* mọi .panel: Thị trường (8 tab), Danh mục, Báo cáo, Dữ liệu, Phái sinh, Quỹ đầu tư */
  .ifl-card:not(.ifl-card .ifl-card):not(.iws-grp .ifl-card),   /* Giao dịch trong ngày (Radar dòng tiền, bố cục 1 trang từ 30/10/2026): mỗi thẻ .ifl-card */
  .iws-grp,                                  /* ...NHƯNG cửa sổ kiểu tab (Top ròng/Ngành/Dồn dập, Khối ngoại ròng/mạnh...): gắn vào
                                                 .iws-grp (khung có viền/bo góc, overflow:hidden, cao cố định) chứ KHÔNG gắn vào .ifl-card
                                                 bên trong — .ifl-card ở đây cao theo nội dung (danh sách dài hơn khung), .iws-body mới
                                                 là phần cuộn giới hạn chiều cao; gắn vào .ifl-card sẽ canh giữa theo chiều cao ĐẦY ĐỦ
                                                 của danh sách, đẩy logo xuống dưới khung nhìn thấy, bị khung cắt mất (lỗi 02/11/2026) */
  #flow-chart-wrap,                          /* biểu đồ tỉ lệ tâm lý (Tâm lý & dòng tiền) */
  #sector-cmp-chart,                         /* biểu đồ So sánh hiệu suất ngành (logo ở khung biểu đồ, không giữa cả bảng) */
  .stk-card, .fc-card,                       /* trang Cổ phiếu: các thẻ (thanh khoản, BCTC, chỉ số, thông tin, tin tức, báo cáo phân tích) */
  .terminal-chart, .chart-window,            /* biểu đồ nến + 4 cửa sổ Chỉ số kỹ thuật */
  #ov-tech, #ov-holders,                     /* Tổng quan kỹ thuật + Quỹ đang nắm giữ */
  .sd-wrap,                                  /* tab Tài liệu */
  .pf-strip,                                 /* Danh mục: dải số liệu */
  .acc-card, .acc-box,                       /* Tài khoản */
  .pc, .cmp-wrap,                            /* Gói dịch vụ */
  .wm
):not(.no-wm, .flow-status-panel) { position: relative; }

:where(
  main .panel:not(.panel .panel), .ifl-card:not(.ifl-card .ifl-card):not(.iws-grp .ifl-card), .iws-grp, #flow-chart-wrap, #sector-cmp-chart, .stk-card, .fc-card, .terminal-chart, .chart-window, #ov-tech, #ov-holders,
  .sd-wrap, .pf-strip, .acc-card, .acc-box, .pc, .cmp-wrap, .wm
):not(.no-wm, .flow-status-panel)::after {
  content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; border-radius: inherit;
  background: url("/assets/logo-lockup-dark.png") center / min(48%, 345px) auto no-repeat; opacity: .15;
}

/* Tâm lý & dòng tiền: bảng cao nên đặt logo ở khung biểu đồ tỉ lệ (56% chiều cao khung đầu, cao bằng canvas trên cùng), không đặt giữa cả panel */
#flow-chart-wrap::after { inset: 0 0 auto 0; height: 56%; }

/* Gỡ watermark theo yêu cầu (12/10/2026): Báo cáo phân tích (5 ô số liệu đầu trang, Tỉ lệ khuyến nghị, bảng báo cáo), tab Thông tin (3 thẻ hồ sơ + 6 thẻ cổ đông / vốn),
   Danh mục (Danh mục hiện tại, Lợi nhuận từng tháng, Chi tiết danh mục). */
.stk-rep-tiles .stk-rep-tile::after, #stk-rep-side::after, .stk-rep-q-table::after,
#stk-profile-grid .stk-card::after, #stk-own-root .stk-card::after,
.pf-area-pie::after, .pf-area-months::after, .pf-layout + .pf-panel::after { content: none; display: none; }

/* 12/10/2026: So sánh hiệu suất ngành → logo chuyển lên khung biểu đồ; Dữ liệu: bỏ ở thanh danh mục + bảng Tùy chỉnh; Danh mục: bỏ ở dải số liệu đầu trang */
#sector-cmp-panel::after, .data-sidebar::after, .data-customize-panel::after, .pf-strip::after { content: none; display: none; }

/* Phái sinh (derivatives.html, trang riêng - watermark.css thêm vào trang này từ 02/11/2026): mỗi "ô" có nền/viền riêng mới gắn logo,
   không gắn vào .pn trần (không nền) để tránh chồng logo lên .grp bọc ngoài nó đã có sẵn.
   - .hero: khung "Hợp đồng gần nhất có khớp" + "Mặt bằng basis theo kỳ hạn" — tuy là 2 .card (.hero-info, .hero-chart) nhưng
     .hero .card{border:0} nên 2 ô này KHÔNG có viền riêng, gộp thành 1 khung viền duy nhất (.hero) -> 1 logo, không phải 2
     (sửa theo yêu cầu user 02/11/2026; trước đó mỗi .card gắn 1 logo nên bị 2 logo trong 1 khung).
   - .card (trừ .hero-info, .hero-chart ở trên): bảng giá phái sinh
   - #workspace .grp (không phải .notabs, không đang ở chế độ cửa sổ ghép .stk, và không chứa .fx): khung 1 cửa sổ (Độ sâu/Khớp lệnh/
     Volume Profile, Khối ngoại/Market Breadth…). Luôn scope #workspace vì class "grp" bị trùng tên với <th class="grp"> (ô nhóm cột
     Mua/Khớp/Bán của bảng giá phái sinh) — không scope sẽ gắn thêm logo lạc vào từng ô tiêu đề bảng (lỗi đã xảy ra 02/11/2026).
     Cửa sổ Fsignal (chứa .fx) loại khỏi đây vì bên trong đã có 2 ô nền riêng (.fx-main biểu đồ nến + .fx-side danh sách Tăng/Giảm)
     -> gắn logo riêng cho từng ô thay vì 1 logo chung giữa cả cửa sổ (yêu cầu user 02/11/2026).
   - #workspace .grp.split .stk > .pn: cửa sổ ghép "Biểu đồ giá & Diễn biến" xếp 2 panel trên dưới, mỗi panel có nền riêng -> logo riêng
   - #workspace .grp.split .fx-main, .fx-side: 2 ô của cửa sổ Fsignal (biểu đồ nến + danh sách Tăng/Giảm)
   - .of-box, .of-traj: 4 ô của "Đối đầu Dòng lệnh" (Nến giá, Xung lực, Delta, Quỹ đạo) — đã tự có position riêng (absolute / relative,
     .of-traj.wide thành absolute), KHÔNG được gộp vào quy tắc "ép position:relative" dưới vì :not(.no-wm) có cùng độ đặc hiệu
     (0,1,0) với các quy tắc position gốc của chúng và watermark.css nạp sau -> ép position:relative sẽ đè mất position:absolute
     của .of-box, vỡ toạ độ tuyệt đối 3 ô (lỗi đã xảy ra 02/11/2026, vá bằng cách tách riêng như dưới). */
:where(.hero, .card:not(.card .card):not(.hero-info):not(.hero-chart), #workspace .grp:not(.notabs):not(:has(.stk)):not(:has(.fx)), #workspace .grp.split .stk > .pn, #workspace .grp.split .fx-main, .fx-side):not(.no-wm) { position: relative; }
:where(.hero, .card:not(.card .card):not(.hero-info):not(.hero-chart), #workspace .grp:not(.notabs):not(:has(.stk)):not(:has(.fx)), #workspace .grp.split .stk > .pn, #workspace .grp.split .fx-main, .fx-side, .of-box, .of-traj):not(.no-wm)::after {
  content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; border-radius: inherit;
  background: url("/assets/logo-lockup-dark.png") center / min(48%, 345px) auto no-repeat; opacity: .15;
}

/* Điện thoại (≤ 640px): bảng Top 10 RS xếp dọc nên mỗi bảng 1 watermark riêng (giao diện web giữ nguyên: logo 1 lần ở giữa khối) */
@media (max-width: 640px) {
  #sentiment-dashboard::after { content: none; display: none; }   /* tránh logo đôi: khối cha có logo giữa cả khối, nay mỗi bảng có logo riêng */
  .rs-rank-list { position: relative; }
  .rs-rank-list::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; border-radius: inherit;
    background: url("/assets/logo-lockup-dark.png") center / min(48%, 345px) auto no-repeat; opacity: .15; }
}