/* 行情 · 合约 Tab 贵金属 — Gate 风格 */
.gs-metals-section {
  margin: 0;
  background: var(--background-primary, #0b0e11);
  border-bottom: 8px solid var(--background-secondary, #151920);
}
.gs-metals-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 12px 15px 6px;
  font-size: 14px;
  font-weight: 700;
  color: var(--content-primary, #eaecef);
}
.gs-metals-head small {
  font-size: 11px;
  font-weight: 400;
  color: var(--content-tertiary, #848e9c);
}
.gs-native-row {
  display: flex;
  align-items: center;
  padding: 12px 15px;
  border-bottom: 1px solid var(--border-strength-100, #2b2f36);
  cursor: pointer;
  min-height: 64px;
}
.gs-native-row:active { background: rgba(35, 84, 230, .06); }
.gs-native-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 12px;
  flex-shrink: 0;
}
.gs-native-left { flex: 1; min-width: 0; }
.gs-native-sym {
  font-size: 15px;
  font-weight: 600;
  color: var(--content-primary, #eaecef);
  display: flex;
  align-items: center;
  gap: 6px;
}
.gs-native-tag {
  font-size: 10px;
  font-weight: 600;
  padding: 1px 5px;
  border-radius: 3px;
  background: rgba(35, 84, 230, .12);
  color: var(--color-primary, #2354e6);
}
.gs-native-vol {
  font-size: 11px;
  color: var(--content-tertiary, #848e9c);
  margin-top: 3px;
}
.gs-native-right { text-align: right; flex-shrink: 0; }
.gs-native-price {
  font-size: 15px;
  font-weight: 600;
  color: var(--content-primary, #eaecef);
  font-variant-numeric: tabular-nums;
}
.gs-native-rate {
  font-size: 12px;
  font-weight: 600;
  margin-top: 3px;
  font-variant-numeric: tabular-nums;
  padding: 2px 6px;
  border-radius: 4px;
  display: inline-block;
}
.gs-native-rate.up { color: #fff; background: #17e6a1; }
.gs-native-rate.down { color: #fff; background: #f6465d; }

/* Hidden: Precious Metals card on market/contract tab */
.gs-metals-section { display: none !important; }