/* Estratto da OngoingStage.css - sezione video validation */

/* Main container - OngoingStage.css riga 536 */
.video-val-section {
  background-color: rgba(243, 243, 243, 1);
  border-radius: 10px !important;
}

/* Title text - OngoingStage.css riga 544 */
.v-v-text {
  font-size: 24px;
  font-family: "DINBold";
  padding-top: 3px;
  cursor: pointer;
  user-select: none;
}

/* Filter icon - OngoingStage.css riga 540 */
.dark-mode-active .v-filter-icon {
  /* color: #9f9f9f; */
  color: #fff;
}

/* Video logs container - OngoingStage.css righe 484-503 */
.video-logs .video-placeholder {
  background-color: #e1cfff !important;
  border-radius: 10px;
  height: 127px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Video card - OngoingStage.css righe 492-496, 531-535 */
.video_url_card p,
.video_url_card span {
  font-family: "DINLight";
  font-size: 15px;
}

.video_url_card.card {
  padding: 5px;
  border-radius: 7px;
  background-color: rgb(33,37,41);
  width: 135px;
  cursor: pointer;
  transition: box-shadow 0.2s ease;
}

.video_url_card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

.video_url_card p {
  color: #fff !important;
}

/* Dark mode support - OngoingStage.css riga 550 */
.dark-mode-active .video_url_card.card {
  /* background-color: rgba(255,255,255,0.05); */
  background-color: rgb(61, 61, 61);
}

/* Status badges - OngoingStage.css righe 505-527 */
span.video-status-0 {
  background-color: #9747ff;
  color: #fff;
  font-family: "DINBold";
  border-radius: 40px;
  padding: 5px;
}

span.video-status-1 {
  background-color: #b9ff66;
  color: #000;
  font-family: "DINBold";
  border-radius: 40px;
  padding: 5px;
}

span.video-status-2 {
  background-color: #f5484d;
  color: #fff;
  font-family: "DINBold";
  border-radius: 40px;
  padding: 9px;
}