/* Cửa sổ nửa trang "Giá trị giao dịch / Vốn hóa" trong lưới chỉ số kỹ thuật (17/10/2026): dùng khung .xtrend-panel + .chart-window của chart-terminal.js. */
.tcap-card .tcap-footer { flex-wrap: wrap; align-items: center; }
.tcap-card .tcap-ranges { margin-left: auto; display: inline-flex; gap: 4px; }
.tcap-card .tcap-ranges button { font: 700 11px Manrope, sans-serif; padding: 2px 8px; border: 1px solid var(--line, #cde6e6); border-radius: 7px; background: transparent; color: var(--muted); cursor: pointer; }
.tcap-card .tcap-ranges button.active { background: var(--ink, #04272a); color: var(--card, #fff); border-color: var(--ink, #04272a); }
.tcap-card .tcap-note { color: var(--muted); font-size: 11px; line-height: 1.4; padding: 2px 14px 10px; }
.tcap-card .tcap-note:empty { display: none; }
.tcap-card .xtrend-head > div:first-child { position: relative; }
.tcap-card .tcap-info { width: 16px; height: 16px; margin-left: 4px; padding: 0; border: 1px solid var(--muted); border-radius: 50%; background: transparent; color: var(--muted); font: 700 10px/14px 'Space Grotesk', sans-serif; cursor: pointer; vertical-align: middle; }
.tcap-card .tcap-info:hover, .tcap-card .tcap-info[aria-expanded="true"] { color: var(--ink); border-color: var(--ink); }
.tcap-card .tcap-pop { position: absolute; z-index: 20; left: 0; top: calc(100% + 4px); width: 300px; max-width: 80vw; padding: 9px 11px; border: 1px solid var(--line, #cde6e6); border-radius: 9px; background: var(--card, #fff); color: var(--ink); font: 500 12px/1.45 Manrope, sans-serif; box-shadow: 0 6px 20px rgba(0, 0, 0, .35); }
.tcap-card .tcap-pop[hidden] { display: none; }
.chart-dashboard .tcap-card.xtrend-panel { overflow: visible; }