/* Plattformfarben für YouTube und TikTok. Twitch bleibt unverändert. */
.dev-video-account-row {
  border-color: rgba(148, 163, 184, 0.22);
  background: linear-gradient(145deg, rgba(148, 163, 184, 0.045), rgba(255, 255, 255, 0.018) 58%);
}

.dev-video-account-row.is-youtube:hover {
  border-color: rgba(255, 62, 62, 0.48);
}

.dev-video-account-row.is-tiktok:hover {
  border-color: rgba(37, 244, 238, 0.48);
}

.dev-video-account-row.is-youtube.is-preview-selected {
  border-color: rgba(255, 62, 62, 0.72);
  background: linear-gradient(145deg, rgba(255, 35, 35, 0.095), rgba(255, 255, 255, 0.018) 62%);
  box-shadow: 0 0 0 1px rgba(255, 62, 62, 0.1), 0 10px 28px rgba(0, 0, 0, 0.16);
}

.dev-video-account-row.is-tiktok.is-preview-selected {
  border-color: rgba(37, 244, 238, 0.72);
  background: linear-gradient(145deg, rgba(37, 244, 238, 0.09), rgba(254, 44, 85, 0.035) 58%, rgba(255, 255, 255, 0.015));
  box-shadow: 0 0 0 1px rgba(37, 244, 238, 0.1), 0 10px 28px rgba(0, 0, 0, 0.16);
}

.dev-video-account-row.is-youtube legend {
  color: #ffaaaa;
}

.dev-video-account-row.is-tiktok legend {
  color: #9bfaf5;
}

.dev-video-account-row.is-youtube .dev-twitch-preview-marker {
  background: rgba(255, 62, 62, 0.14);
  color: #ffb8b8;
}

.dev-video-account-row.is-tiktok .dev-twitch-preview-marker {
  background: rgba(37, 244, 238, 0.13);
  color: #a2fcf7;
}

.dev-video-account-row .dev-twitch-streamer-state.is-live {
  border-color: rgba(101, 240, 176, 0.42);
  background: rgba(101, 240, 176, 0.1);
  color: #aaf5cf;
}

.dev-video-preview-card.is-youtube .dev-twitch-preview-avatar {
  border-color: rgba(255, 112, 112, 0.34);
  background: linear-gradient(145deg, #ff3636, #781313);
}

.dev-video-preview-card.is-tiktok .dev-twitch-preview-avatar {
  border-color: rgba(37, 244, 238, 0.38);
  background: radial-gradient(circle at 22% 18%, rgba(37, 244, 238, 0.8), transparent 38%), radial-gradient(circle at 82% 82%, rgba(254, 44, 85, 0.72), transparent 42%), #10161d;
}

.dev-video-preview-card.is-youtube .dev-twitch-preview-media {
  border-color: rgba(255, 62, 62, 0.3);
  background: linear-gradient(0deg, rgba(8, 9, 16, 0.9), rgba(8, 9, 16, 0.08) 70%), radial-gradient(circle at 78% 18%, rgba(255, 45, 45, 0.68), transparent 38%), linear-gradient(135deg, #2b1719, #10141b);
}

.dev-video-preview-card.is-tiktok .dev-twitch-preview-media {
  border-color: rgba(37, 244, 238, 0.3);
  background: linear-gradient(0deg, rgba(8, 9, 16, 0.9), rgba(8, 9, 16, 0.08) 70%), radial-gradient(circle at 78% 18%, rgba(37, 244, 238, 0.48), transparent 36%), radial-gradient(circle at 18% 78%, rgba(254, 44, 85, 0.24), transparent 34%), linear-gradient(135deg, #132126, #10141b);
}

.dev-video-preview-card .dev-twitch-preview-media.has-image {
  background: #0b0d14;
}
