/* Trang "Trinh sát cá mập" — tái dùng .panel/.tabs/.badge/.table-wrap/.bigflow-*
   đã có ở styles.css và intraday-bigflow.css; file này chỉ khai riêng phần
   bố cục/thành phần chưa tồn tại. */

.funds-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.funds-source-note{margin-left:auto;color:var(--muted);font-size:10px}
.funds-source-note code{background:#eef1ee;border-radius:5px;padding:1px 6px;font-size:9px}

/* Xem ghi chú trong intraday-bigflow.css: .empty-state gốc ở detail.css là
   position:absolute;inset:0 — nếu không huỷ ở đây, ô rỗng hiện ra (display
   đổi từ JS) sẽ phủ kín toàn trang thay vì nằm gọn trong panel. */
.funds-panel .empty-state{position:static;inset:auto;display:none;padding:22px;text-align:center;color:var(--muted);font-size:11px}
.funds-panel .kicker{margin-bottom:4px}
.funds-note{margin:10px 22px 4px;font-size:10px;color:var(--muted);font-style:italic}

.funds-flow-cols{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;padding:4px 4px 6px}
.funds-flow-cols>div>small{display:block;margin:12px 18px 0;color:var(--muted);font-size:9px;letter-spacing:.08em}

.funds-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 4px}
.funds-filters select,.funds-filters input{height:34px;border:1px solid var(--line);border-radius:8px;background:var(--card);padding:0 10px;font:600 11px Manrope;color:var(--ink)}
.funds-filters input{flex:1;min-width:160px}

.funds-label{display:inline-block;padding:2px 8px;border-radius:10px;font:700 9px Manrope}
.funds-label.new{background:#e3f3ec;color:var(--green)}
.funds-label.up{background:#eef7f0;color:var(--green2)}
.funds-label.down{background:#fdecec;color:var(--red)}
.funds-label.exit{background:#f1f1f1;color:#83908c}

.funds-fund-link{cursor:pointer;color:var(--green);font-weight:700}
.funds-fund-link:hover{text-decoration:underline}
.funds-panel td small{color:var(--muted);font-size:9px}

.funds-detail{margin-top:16px}
.funds-detail-profile{color:var(--muted);font-size:11px;line-height:1.6;margin:10px 0 0;max-height:4.8em;overflow:auto}
.funds-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}
.funds-detail-grid>div{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.funds-detail-grid small{display:block;color:var(--muted);font-size:8px;letter-spacing:.06em}
.funds-detail-grid b{display:block;margin-top:6px;font:700 16px 'Space Grotesk'}
.funds-detail-chart-wrap{height:200px;position:relative;margin:4px 0 18px}
.funds-detail-chart-wrap canvas{width:100%;height:100%}
.funds-detail-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}
.funds-detail-cols h3{font:600 13px 'Space Grotesk';margin:0 0 8px}

.funds-holder-search{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card);width:fit-content;margin-top:14px}
.funds-holder-search input{width:160px;background:transparent;border:0;outline:0;padding:10px 12px;font:700 13px 'Space Grotesk';color:var(--ink);text-transform:uppercase}
.funds-holder-search button{border:0;background:var(--green);color:#fff;padding:0 16px;font:700 10px Manrope;cursor:pointer}
.funds-holder-search button:hover{background:#066a4d}

@media(max-width:900px){.funds-flow-cols{grid-template-columns:1fr}.funds-detail-grid{grid-template-columns:1fr 1fr}.funds-detail-cols{grid-template-columns:1fr}}