/* Khối Tổng quan kỹ thuật + Quỹ đang nắm giữ (stock-overview.js) — nền tối, bảng màu logo. */
.ov-card{background:var(--card,#111f27)!important;border:1px solid var(--line,#1d3a45)!important;color:var(--ink,#e8f4f5);min-width:0}
.ov-card .detail-title small{color:var(--muted,#92b6bd)}
.ov-card .detail-title>span{color:var(--muted,#92b6bd);font-size:10px}
.ov-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.ov-tile{background:var(--paper,#070d12);border:1px solid var(--line,#1d3a45);border-radius:9px;padding:10px 12px;min-width:0}
.ov-tile span{display:block;font-size:10px;color:var(--muted,#92b6bd)}
.ov-tile b{display:block;margin-top:4px;font:700 16px 'Space Grotesk'}
.ov-tile small{display:block;margin-top:3px;font-size:10px;color:var(--muted,#92b6bd)}
.ov-card .ov-up{color:var(--up,#2fe38a)!important}.ov-card .ov-dn{color:#ff6b73!important}.ov-card .ov-mid{color:#f0b840!important}
.ov-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:16px}
.ov-cols h4{margin:0 0 8px;font:700 10px Manrope;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#92b6bd)}
.ov-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:6px 0;border-top:1px solid var(--line,#1d3a45);font-size:12px;align-items:baseline}
.ov-row span{color:var(--muted,#92b6bd)}.ov-row b{font:600 12px 'Space Grotesk'}.ov-row em{font-style:normal;font-size:11px;min-width:64px;text-align:right}
.ov-lv{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 0;border-top:1px solid var(--line,#1d3a45);font-size:12px}
.ov-lv>span{flex:0 0 62px;color:var(--muted,#92b6bd)}
.ov-lv i{font-style:normal;font:600 12px 'Space Grotesk';padding:2px 8px;border-radius:6px;background:var(--paper,#070d12)}
.ov-lv i em{font-style:normal;font:500 10px Manrope;color:var(--muted,#92b6bd)}
.ov-lv i.r{color:#ff8a91}.ov-lv i.s{color:var(--up,#2fe38a)}.ov-lv i.c{background:rgba(5,240,221,.14);color:#05f0dd}
.ov-foreign{margin:14px 0 0;font-size:11px;color:var(--muted,#92b6bd)}.ov-foreign b{color:var(--ink,#e8f4f5)}
.ov-empty{padding:26px 8px;text-align:center;font-size:12px;color:var(--muted,#92b6bd)}
.ov-hold{margin-top:12px}.ov-hrow{display:grid;grid-template-columns:1fr auto;gap:10px;padding:7px 0;border-top:1px solid var(--line,#1d3a45);font-size:12px}
.ov-hrow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-hrow em{font-style:normal;color:var(--muted,#92b6bd)}.ov-hrow b{font:600 12px 'Space Grotesk';color:#05f0dd}
.ov-more,.ov-src{margin:8px 0 0;font-size:10px;color:var(--muted,#92b6bd)}
@media(max-width:700px){.ov-tiles,.ov-cols{grid-template-columns:1fr 1fr}.ov-cols{gap:14px}}
/* So sánh hiệu suất: 2 cột số cố định để tiêu đề (mã · VN-INDEX) thẳng hàng với số bên dưới */
.ov-perf .ov-row{grid-template-columns:minmax(max-content,1fr) 58px 58px 58px;gap:6px;text-align:right}.ov-perf .ov-row>span:first-child{text-align:left}.ov-perf .ov-row em{min-width:0}
.ov-perf .ov-head{border-top:0;padding-top:0;font:700 10px Manrope;letter-spacing:.08em;text-transform:uppercase}
.ov-perf .ov-head span{white-space:nowrap;color:var(--muted,#92b6bd)}
.stock-detail .detail-source{display:none}
/* Tiêu đề khối: chữ trắng cỡ lớn (cùng kiểu tiêu đề các bảng khác) */
.ov-card .detail-title h3.ov-title{margin:0;font:700 22px 'Space Grotesk';color:#fff;letter-spacing:0}
.ov-hhead{border-top:0;padding:0 0 4px}.ov-hhead b{font:700 10px Manrope;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#92b6bd)}
.ov-hold{margin-top:6px}
/* Bỏ khung bao chung quanh 2 khối (như các bảng phía trên) + tiêu đề "Phân tích thanh khoản" cùng kiểu */
.stk-panel[data-tab="chart"] .stock-detail{background:transparent;border:0;box-shadow:none;padding:0;border-radius:0}
.stk-liq-head h2{font:700 22px 'Space Grotesk';color:#fff;text-transform:uppercase}
/* Hiệu suất: MỘT lưới chung cho tiêu đề và các hàng (mỗi hàng 1 lưới riêng làm cột lệch nhau vì cột nhãn rộng khác nhau) */
.ov-perf{display:grid;grid-template-columns:max-content repeat(3,minmax(0,1fr));column-gap:6px}
.ov-perf .ov-row{display:contents}
.ov-perf .ov-row>*{padding:6px 0;border-top:1px solid var(--line,#1d3a45);text-align:right;min-width:0}
.ov-perf .ov-row>span:first-child{text-align:left;padding-right:10px}
.ov-perf .ov-head>*{border-top:0;padding-top:0}
.ov-perf{grid-template-columns:max-content repeat(3,max-content);justify-content:space-between;column-gap:6px}
.ov-perf .ov-head>*{font:700 10px Manrope;letter-spacing:.08em}
/* 3 thẻ Phân tích thanh khoản cao bằng nhau (trước: align-items:start nên mỗi thẻ cao theo nội dung) */
.stk-panel .stk-liq-grid{align-items:stretch}
@media(max-width:1180px){.stk-panel .stk-liq-grid>.stk-card:first-child{grid-column:1/-1}}
