.market-panel{padding:20px!important;border:1px solid #dce8f6!important;border-radius:13px!important;background:#fff!important;box-shadow:0 6px 24px rgba(15,61,113,.045)}
.market-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}
.market-head h2{font-size:20px!important;line-height:1.3;letter-spacing:-.5px;white-space:normal;margin:0 0 5px}
.market-head p{margin:0;color:#64748b;font-size:13px;line-height:1.5}
.market-head .market-icon{display:inline-grid;place-items:center;width:31px;height:31px;flex:none;border-radius:9px;background:#eaf3ff;color:#0878f9;font-size:17px;margin-right:9px}
.market-title{display:flex;align-items:center}
.market-tag{flex:none;padding:6px 10px;border-radius:999px;background:#ecf8f1;color:#128353;font-size:12px;font-weight:700;white-space:nowrap}
.market-tag.live{background:#eaf3ff;color:#0869d5}
.market-scroll{overflow-x:auto;border:1px solid #e0e9f4;border-radius:9px}
.market-table{width:100%;border-collapse:collapse;min-width:560px;font-size:14px;font-variant-numeric:tabular-nums}
.market-table th{padding:6px 12px!important;height:auto;background:#eef5fd;color:#31537d;text-align:right;font-weight:700;border:0;border-bottom:1px solid #dce7f4;white-space:nowrap;line-height:1.3!important}
.market-table th:first-child,.market-table td:first-child{text-align:left;width:45%}
.market-table td{padding:11px 16px;height:auto;text-align:right;border:0;border-bottom:1px solid #edf2f8;color:#10264d}
.market-table tbody tr:nth-child(even){background:#f8fbff}
.market-table tbody tr:hover{background:#eff7ff}
.market-table tbody tr:last-child td{border-bottom:0}
.market-table .item-name{font-weight:700;color:#0b2852;white-space:normal}
.market-table .item-sub{display:block;color:#75859e;font-size:12px;font-weight:400;margin-top:2px}
.market-table .price-main{font-weight:800;color:#082b60;font-size:15px;white-space:nowrap}
.market-table .price-secondary{color:#516784;font-weight:600;white-space:nowrap}
.market-table .change-pill{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:5px 8px;border-radius:6px;font-size:13px;font-weight:750;white-space:nowrap}
.market-table .change-pill.up{background:#fff1ed;color:#d34b2f}
.market-table .change-pill.down{background:#eaf8f1;color:#0c9360}
.market-table .change-pill.flat{background:#f0f3f7;color:#63748d}
.market-note{display:flex;flex-wrap:wrap;gap:5px;color:#65758e;font-size:12px;line-height:1.5;margin:12px 0 0!important}
.market-note a{font-weight:700}
.market-table .date-cell{font-size:12px;color:#64748b;white-space:nowrap}
.market-table a.item-name:hover{text-decoration:underline}
.world.live-market h2{white-space:normal}
.world.live-market .world-table>div{min-width:0}
.world.live-market .world-table b{white-space:nowrap}
.world.live-market .world-table em{font-style:normal;font-weight:700}
.world.live-market .world-table{display:block}
.world.live-market .world-table>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:10px 8px;border-bottom:1px solid #e8edf5}
.world.live-market .world-table>div:last-child{border-bottom:0}
.world.live-market .world-table span{width:auto;min-width:0;font-size:13px;line-height:1.3}
.world.live-market .world-table b{font-size:15px}
.world.live-market .world-table em{margin-left:0;font-size:12px}
@media(max-width:650px){.market-panel{padding:15px!important}.market-head{flex-wrap:wrap}.market-head h2{font-size:18px!important}.market-table{min-width:520px}.market-table td,.market-table th{padding:10px 12px}}


/* Universal Price Change Badges */
.change-pill,
.market-table .change-pill,
.data-table .change-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  min-width: 82px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.2px !important;
  transition: all 0.2s ease !important;
}
.change-pill.up,
.market-table .change-pill.up,
.data-table .change-pill.up {
  background: #fef2f2 !important;
  color: #dc2626 !important;
  border: 1px solid #fecaca !important;
  box-shadow: 0 1px 2px rgba(220, 38, 38, 0.06) !important;
}
.change-pill.down,
.market-table .change-pill.down,
.data-table .change-pill.down {
  background: #f0fdf4 !important;
  color: #16a34a !important;
  border: 1px solid #bbf7d0 !important;
  box-shadow: 0 1px 2px rgba(22, 163, 74, 0.06) !important;
}
.change-pill.flat,
.market-table .change-pill.flat,
.data-table .change-pill.flat {
  background: #f8fafc !important;
  color: #64748b !important;
  border: 1px solid #e2e8f0 !important;
}
.data-table th:last-child, .data-table td:last-child, .data-table td[data-label="Kỳ trước"], .data-table td[data-label="Biến động"], .data-table td[data-label="Thay đổi"] {
  text-align: center !important;
}
@media (max-width: 650px) {
  .sub-main .data-table .change-pill,
  .market-grid .market-table .change-pill {
    min-width: 0 !important;
    padding: 3px 6px !important;
    font-size: 11px !important;
  }
}