.tabs{display:flex;gap:8px;margin-bottom:12px}
.tab{border:0;border-radius:9px;background:rgba(255,255,255,.035);color:#fff;padding:9px 13px;font-weight:800}
.tab.active{background:rgba(124,58,237,.34);color:#fff}
.price-table{height:calc(100% - 86px);min-height:0;overflow:hidden;display:grid;grid-template-rows:34px minmax(0,1fr)}
.price-row{display:grid;grid-template-columns:1.15fr .95fr .85fr .65fr;gap:8px;align-items:center;min-height:42px;padding:0 9px;border-bottom:1px solid var(--line2);color:#fff;font-size:13px}
.price-row.head{min-height:34px;color:#cbd5e1;font-size:11px;background:transparent}
#livePricesRows{min-height:0;overflow-y:auto;overflow-x:hidden}
.price-row:not(.head):nth-child(even){background:rgba(148,163,184,.035)}
.price-row .symbol{display:flex;align-items:center;gap:8px;font-weight:900;color:#fff;min-width:0}
.price-row .mini-icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;background:linear-gradient(135deg,#2563eb,#ef4444);color:#fff;flex:0 0 20px}
.price-row span:not(.symbol){text-align:right}
.loading{padding:20px;color:var(--muted);font-size:13px}

.price-row[data-group="Metals"] .mini-icon{background:linear-gradient(135deg,#f59e0b,#fde68a);color:#101827}
.price-row[data-group="Energy"] .mini-icon{background:linear-gradient(135deg,#0ea5e9,#22c55e)}
.price-row[data-group="Indices"] .mini-icon{background:linear-gradient(135deg,#6366f1,#a855f7)}
.price-row[data-group="Stocks"] .mini-icon{background:linear-gradient(135deg,#2563eb,#38bdf8)}
.price-row[data-group="ETFs"] .mini-icon{background:linear-gradient(135deg,#14b8a6,#84cc16)}

.tabs{
  flex-wrap:wrap;
}
.tab{
  white-space:nowrap;
}