/* Dải chỉ số trong ngày đầu trang Thị trường (market-index-board.js, 02/10/2026) — cùng nền navy, chữ trắng với
   dải chỉ số cũ (.index-strip) ở cả giao diện sáng lẫn tối. Trái: 4 biểu đồ mini; phải: bảng mọi chỉ số. */
.index-board{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(400px,1fr);background:var(--navy);color:#fff;border-radius:16px;margin-bottom:18px;overflow:hidden;box-shadow:0 8px 24px rgba(1, 83, 94,.13);min-height:176px}
.ixb-charts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ixb-card{display:flex;flex-direction:column;min-width:0;padding:15px 16px 12px;border-right:1px solid rgba(255,255,255,.1)}
.ixb-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.ixb-name{font:700 10px Manrope;letter-spacing:.12em;color:#a8cdd2;text-transform:uppercase;white-space:nowrap}
.ixb-time{font-size:9px;color:#a8cdd2;white-space:nowrap;font-variant-numeric:tabular-nums}
.ixb-quote{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 9px;margin-top:7px}
.ixb-value{font:600 21px 'Space Grotesk';letter-spacing:-.01em}
.ixb-chg{font-size:10.5px;font-weight:700;white-space:nowrap}
.ixb-canvas{position:relative;height:88px;margin:8px 0 8px;cursor:crosshair}
.ixb-canvas canvas{display:block;width:100%;height:100%}
.ixb-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 10px;margin-top:auto;font-size:9.5px;color:#a8cdd2}
.ixb-breadth{display:inline-flex;gap:9px;font-weight:700;white-space:nowrap}
.ixb-up{color:#1fefd9}
.ixb-flat{color:#d9a441}
.ixb-down{color:#ff8a91}
.ixb-table-wrap{display:flex;align-items:center;min-width:0;padding:8px 18px 8px 16px;overflow-x:auto}
.ixb-table{width:100%;border-collapse:collapse;white-space:nowrap;font-variant-numeric:tabular-nums}
.index-board .ixb-table th{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.14);color:#a8cdd2;font-size:8.5px;letter-spacing:.1em;text-align:right;text-transform:uppercase}
.index-board .ixb-table td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.07);color:#c7e4e7;font-size:11px;font-weight:600;text-align:right}
.index-board .ixb-table th:first-child,.index-board .ixb-table td:first-child{text-align:left;padding-left:2px}
.index-board .ixb-table td:first-child{color:#fff;font-weight:700}
.index-board .ixb-table tbody tr{cursor:default}
.index-board .ixb-table tbody tr:hover{background:rgba(255,255,255,.05)}
.index-board .ixb-table tbody tr:last-child td{border-bottom:0}
.ixb-table .ixb-breadth{justify-content:flex-end}
.ixb-empty{grid-column:1/-1;margin:0;padding:28px 24px;color:#a8cdd2;font-size:12px}
@media(max-width:1180px){
  .index-board{grid-template-columns:1fr}
  .ixb-card:last-child{border-right:0}
  .ixb-table-wrap{border-top:1px solid rgba(255,255,255,.1);padding:6px 16px 8px}
}
@media(max-width:760px){
  .ixb-charts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ixb-card{padding:13px 14px 11px}
  .ixb-card:nth-child(2n){border-right:0}
  .ixb-card:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}
  .ixb-value{font-size:18px}
  .ixb-canvas{height:64px}
}
/* Điện thoại: bảng bỏ 2 cột KL / GT (đã có dưới từng biểu đồ) để vừa bề ngang, không phải kéo ngang. */
@media(max-width:520px){
  .ixb-table th:nth-child(5),.ixb-table td:nth-child(5),.ixb-table th:nth-child(6),.ixb-table td:nth-child(6){display:none}
  .ixb-table-wrap{padding:6px 12px 8px}
  .index-board .ixb-table th,.index-board .ixb-table td{padding:6px 4px;font-size:10.5px}
  .index-board .ixb-table th{font-size:8px;letter-spacing:.04em}
  .ixb-table .ixb-breadth{gap:5px}
}