/* ARTEL Fintech — Shared Market Ticker Strip */
.market-ticker-strip {
  display: flex; align-items: center; height: 36px;
  background: linear-gradient(90deg, #f0f2f8 0%, #fff 100%);
  border-bottom: 1px solid #e5e7eb;
  overflow: hidden; user-select: none; flex-shrink: 0;
}
.mts-idx {
  display: flex; align-items: center; gap: 6px; padding: 0 16px;
  flex-shrink: 0; height: 100%;
  background: linear-gradient(135deg, rgba(99,102,241,0.08), rgba(99,102,241,0.02));
  border-right: 1px solid #e5e7eb;
}
.mts-idx-icon { display: flex; align-items: center; color: #6366f1; }
.mts-idx-name { font-size: 11px; font-weight: 700; color: #64748b; letter-spacing: 0.5px; text-transform: uppercase; }
.mts-idx-val { font-size: 13px; font-weight: 700; color: #1e293b; font-variant-numeric: tabular-nums; }
.mts-chg { font-size: 11px; font-weight: 600; padding: 2px 6px; border-radius: 4px; font-variant-numeric: tabular-nums; }
.mts-chg.up { color: #16a34a; background: rgba(34,197,94,0.1); }
.mts-chg.down { color: #dc2626; background: rgba(239,68,68,0.1); }
.mts-chg.flat { color: #94a3b8; background: #f1f5f9; }
.mts-div { width: 1px; height: 20px; background: #e5e7eb; flex-shrink: 0; }
.mts-wrap {
  flex: 1; overflow: hidden; height: 100%;
  mask-image: linear-gradient(90deg, transparent 0%, black 3%, black 97%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 3%, black 97%, transparent 100%);
}
.mts-track {
  display: flex; align-items: center; gap: 0; height: 100%;
  white-space: nowrap; will-change: transform;
  animation: mtsScroll 40s linear infinite;
}
.mts-track:hover { animation-play-state: paused; }
@keyframes mtsScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.mts-i {
  display: inline-flex; align-items: center; gap: 5px; padding: 0 14px;
  height: 100%; cursor: default; flex-shrink: 0;
  border-right: 1px solid rgba(128,128,128,0.06);
}
.mts-i:hover { background: rgba(99,102,241,0.04); }
.mts-ic { display: inline-flex; align-items: center; color: #94a3b8; }
.mts-n { font-size: 11px; font-weight: 600; color: #64748b; }
.mts-v { font-size: 12px; font-weight: 700; color: #1e293b; font-variant-numeric: tabular-nums; }
.mts-c { font-size: 10px; font-weight: 600; padding: 1px 5px; border-radius: 3px; font-variant-numeric: tabular-nums; }
.mts-c.up { color: #16a34a; background: rgba(34,197,94,0.1); }
.mts-c.down { color: #dc2626; background: rgba(239,68,68,0.1); }
.mts-c.flat { color: #94a3b8; background: #f1f5f9; }
.mts-ph { font-size: 11px; color: #94a3b8; padding: 0 20px; }