/* ====== ТИКЕР / ЛАЙВ ЛЕНТА (solution2) ====== */
.dc_tkr_wrap {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 40px;
  background: rgba(14, 12, 24, 0.65) !important;
  border: 1px solid rgba(162, 84, 242, 0.25) !important;
  border-radius: 12px !important;
  overflow: hidden;
  margin-bottom: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.dc_tkr_lbl {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 14px;
  background: radial-gradient(100% 100% at 50% 0, #cf4ff7 0%, #4c118c 100%) !important;
  border-right: 1px solid rgba(162, 84, 242, 0.3) !important;
  font-size: 9.5px;
  font-weight: 800;
  color: #ffffff !important;
  text-transform: uppercase;
  letter-spacing: .8px;
  flex-shrink: 0;
  border-radius: 11px 0 0 11px;
  text-shadow: 0 0 8px rgba(207, 79, 247, 0.5) !important;
}

.dc_tkr_dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #cf4ff7 !important;
  box-shadow: 0 0 6px rgba(207, 79, 247, 0.8) !important;
  animation: dc_tkr_blink 1.3s ease-in-out infinite;
}

@keyframes dc_tkr_blink {
  0%, 100% { opacity: 1; }
  50% { opacity: .2; }
}

.dc_tkr_mask {
  flex: 1;
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
}

.dc_tkr_track {
  display: flex;
  align-items: center;
  height: 100%;
  white-space: nowrap;
  animation: dc_tkr_scroll var(--dc-tkr-speed, 30s) linear infinite;
  will-change: transform;
}

.dc_tkr_wrap:hover .dc_tkr_track {
  animation-play-state: paused;
}

@keyframes dc_tkr_scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%) }
}

.dc_tkr_item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 18px;
  font-size: 11px;
  font-weight: 600;
  flex-shrink: 0;
}

.dc_tkr_item svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.dc_tkr_badge {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .6px;
  padding: 2px 7px;
  border-radius: 6px;
  flex-shrink: 0;
}

.dc_tkr_item a {
  text-decoration: none;
  font-size: 11px;
  transition: opacity .15s;
}

.dc_tkr_item a:hover {
  opacity: .7;
}

.dc_tkr_sep {
  width: 1px;
  height: 14px;
  background: rgba(162, 84, 242, 0.2) !important;
  flex-shrink: 0;
}

/* Цветные элементы */
.dc_tkr_item--blue svg { color: #7eaacc; }
.dc_tkr_item--blue .dc_tkr_badge { background: rgba(126,170,204,.1); border: 1px solid rgba(126,170,204,.2); color:#7eaacc; }
.dc_tkr_item--blue a { color: #b0c8de; }

.dc_tkr_item--gold svg { color: #c9aa6e; }
.dc_tkr_item--gold .dc_tkr_badge { background: rgba(201,170,110,.1); border: 1px solid rgba(201,170,110,.25); color:#c9aa6e; }
.dc_tkr_item--gold a { color: #e4d49e; }

/* Зелёные элементы перекрашиваем в фирменный Moonlight (неоново-фиолетовый) */
.dc_tkr_item--green svg { color: #cf4ff7 !important; }
.dc_tkr_item--green .dc_tkr_badge { background: rgba(207, 79, 247, 0.1) !important; border: 1px solid rgba(207, 79, 247, 0.25) !important; color:#cf4ff7 !important; }
.dc_tkr_item--green a { color: #eec5ff !important; }

.dc_tkr_item--red svg { color: #ea4f4f; }
.dc_tkr_item--red .dc_tkr_badge { background: rgba(234,79,79,.1); border: 1px solid rgba(234,79,79,.25); color:#ea4f4f; }
.dc_tkr_item--red a { color: #f5a3a3; }

.dc_tkr_item--cyan svg { color: #57cbde; }
.dc_tkr_item--cyan .dc_tkr_badge { background: rgba(87,203,222,.1); border: 1px solid rgba(87,203,222,.22); color:#57cbde; }
.dc_tkr_item--cyan a { color: #aaeaf3; }

.dc_tkr_item--purple svg { color: #a78bfa; }
.dc_tkr_item--purple .dc_tkr_badge { background: rgba(167,139,250,.1); border: 1px solid rgba(167,139,250,.22); color:#a78bfa; }
.dc_tkr_item--purple a { color: #d4c5fd; }

.dc_tkr_item--orange svg { color: #f59e0b; }
.dc_tkr_item--orange .dc_tkr_badge { background: rgba(245,158,11,.1); border: 1px solid rgba(245,158,11,.22); color:#f59e0b; }
.dc_tkr_item--orange a { color: #fcd891; }

@media(max-width:640px) {
  .dc_tkr_badge { display: none; }
  .dc_tkr_item { padding: 0 12px; }
}