/**
 * BSC Terminal Styles
 * Extends alerts.css with BSC-specific overrides and new components.
 * BSC yellow: #F0B90B (Binance yellow)
 */

/* ============================================================
   CHAIN TAB BAR
   ============================================================ */

.chain-tab-bar {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 2px;
  margin-left: 12px;
}

.chain-tab {
  padding: 4px 14px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: var(--text-secondary);
  cursor: pointer;
  font-family: var(--font-mono, 'Share Tech Mono', monospace);
  transition: background 0.15s, color 0.15s;
}

.chain-tab:hover {
  color: var(--text-primary);
  background: var(--bg-tertiary);
}

.chain-tab.active {
  background: var(--accent-blue);
  color: #fff;
}

.chain-tab.active[data-chain="bsc"],
#chainTabBsc.active {
  background: #F0B90B;
  color: #000;
}

/* ============================================================
   BSC CARD GRID
   ============================================================ */

.bsc-cards-grid {
  /* Inherits .trading-cards-grid layout */
  border-top: 2px solid #F0B90B22;
}

/* ============================================================
   BSC SETTINGS PANEL
   ============================================================ */

.bsc-settings-panel {
  /* Inherits .trading-settings-panel */
  border-top: 2px solid #F0B90B;
}

.bsc-settings-panel .trading-settings-header h3 {
  color: #F0B90B;
}

/* ============================================================
   BSC CARD STYLES
   ============================================================ */

.bsc-card {
  /* Inherits .trading-card */
  border-left-color: #F0B90B !important;
}

/* BSC badge */
.bsc-card .card-platform-badge,
.card-bsc-badge {
  background: #F0B90B22 !important;
  border-color: #F0B90B !important;
  color: #F0B90B !important;
}

/* Wallet type inline labels */
.bsc-card .wl-l {
  color: var(--text-secondary);
}

/* Funding type badge */
.bsc-funding-type {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  background: #ffffff18;
  color: var(--text-secondary);
  margin-left: 4px;
}

.bsc-funding-type.cex {
  background: #F0B90B22;
  color: #F0B90B;
}

/* TU Fresh WL highlight */
.bsc-tu-fresh {
  color: #4ade80;
  font-weight: 600;
}

/* Dev holds % color scale (green → red) */
.bsc-dev-holds {
  font-size: 11px;
}

.bsc-dev-holds.warn {
  color: #f59e0b;
}

.bsc-dev-holds.danger {
  color: #f87171;
}

/* Deployer removed LP warning */
.bsc-lp-removed {
  display: inline-block;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 700;
  background: #f8717122;
  color: #f87171;
  letter-spacing: 0.03em;
}

/* OG / Duplicate badge */
.bsc-flag-og {
  display: inline-block;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 700;
  background: #4ade8022;
  color: #4ade80;
  letter-spacing: 0.03em;
}

.bsc-flag-dup {
  display: inline-block;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 700;
  background: #f59e0b22;
  color: #f59e0b;
  letter-spacing: 0.03em;
}

/* Timezone badge */
.bsc-tz-good {
  color: #4ade80;
  font-size: 10px;
}

.bsc-tz-bad {
  color: #f87171;
  font-size: 10px;
}

/* Binance related twitter */
.bsc-binance-twitter {
  display: inline-block;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 700;
  background: #F0B90B22;
  color: #F0B90B;
}

/* Common coins row */
.bsc-common-row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 2px 0;
}

.bsc-common-badge {
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 600;
}

.bsc-common-badge.rug  { background: #f8717122; color: #f87171; }
.bsc-common-badge.pnd  { background: #f59e0b22; color: #f59e0b; }
.bsc-common-badge.good { background: #4ade8022; color: #4ade80; }
.bsc-common-badge.gen  { background: #ffffff18; color: var(--text-secondary); }

/* Under BNB balance row */
.bsc-bnb-row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 2px 0;
}

.bsc-bnb-badge {
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 600;
  background: #F0B90B18;
  color: #F0B90B;
}

/* BSC card action bar buy button override */
.bsc-card .buy-btn {
  background: #F0B90B18 !important;
  border-color: #F0B90B88 !important;
  color: #F0B90B !important;
}

.bsc-card .buy-btn:hover {
  background: #F0B90B33 !important;
}

/* ============================================================
   BSC SLOT COUNTER OVERRIDE
   ============================================================ */

#bscSlotCounter {
  color: #F0B90B;
  border-color: #F0B90B44;
}

#bscQueueBadge {
  background: #F0B90B;
  color: #000;
}

/* ============================================================
   EMPTY STATE (BSC)
   ============================================================ */

#bscEmptyState {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  color: var(--text-secondary);
  font-size: 14px;
  gap: 8px;
}

#bscEmptyState .bsc-empty-icon {
  font-size: 36px;
  opacity: 0.4;
  margin-bottom: 8px;
}