/* =============================================================
   Live market ticker bar (site-wide) + live quote panel.
   Dark "live data" surface that reads clearly over the light site.
   ============================================================= */

.ic-up   { color: #00c853 !important; }
.ic-down { color: #ff4d4d !important; }

/* ---- Ticker bar (sticky, scrolling) ---- */
.ic-ticker {
  position: sticky;
  top: 0;
  z-index: 1050;
  background: #1a2634;
  border-bottom: 1px solid #0f1a26;
  height: 34px;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
}
.ic-ticker__track {
  display: inline-flex;
  align-items: center;
  gap: 30px;
  animation: ic-ticker-scroll 45s linear infinite;
  will-change: transform;
}
.ic-ticker:hover .ic-ticker__track { animation-play-state: paused; }
@keyframes ic-ticker-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.ic-ticker__item { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; }
.ic-ticker__item .sym   { font-weight: 700; color: #cfe0f5; }
.ic-ticker__item .price { color: #e8eef7; font-variant-numeric: tabular-nums; }
.ic-ticker__item .pct   { font-weight: 600; font-variant-numeric: tabular-nums; }
.ic-ticker__loading { color: #93a1b8; font-size: 13px; padding-left: 16px; }
@media (prefers-reduced-motion: reduce) {
  .ic-ticker { overflow-x: auto; }
  .ic-ticker__track { animation: none; }
}

/* ---- Live quote panel (symbol page) ---- */
.ic-livequote {
  background: #1a2634;
  color: #e8eef7;
  border-radius: 10px;
  padding: 14px 18px;
  margin: 16px 0 8px;
}
.ic-livequote__head { display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px; }
.ic-livequote__sym   { font-size: 20px; font-weight: 700; color: #cfe0f5; }
.ic-livequote__price { font-size: 26px; font-weight: 700; font-variant-numeric: tabular-nums; }
.ic-livequote__chg,
.ic-livequote__pct   { font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; }
.ic-livequote__dot {
  margin-left: auto; width: 9px; height: 9px; border-radius: 50%;
  background: #00c853; display: inline-block; align-self: center;
  animation: ic-pulse 2s infinite;
}
@keyframes ic-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(0, 200, 83, .6); }
  70%  { box-shadow: 0 0 0 8px rgba(0, 200, 83, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 200, 83, 0); }
}
.ic-livequote__grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 10px 18px; margin-top: 14px;
}
.ic-livequote__grid > div { display: flex; flex-direction: column; }
.ic-livequote__grid label {
  font-size: 11px; color: #93a1b8; text-transform: uppercase;
  letter-spacing: .03em; margin: 0 0 2px;
}
.ic-livequote__grid span { font-size: 15px; font-variant-numeric: tabular-nums; }
@media (max-width: 640px) {
  .ic-livequote__grid { grid-template-columns: repeat(2, 1fr); }
  .ic-livequote__price { font-size: 22px; }
}