:root {
  /* Substituir cores primárias do Bootstrap */
  --bs-primary: #04ac1a !important;
  --bs-primary-rgb: 4, 172, 26 !important;
  --bs-primary-dark: #038015 !important;
  --bs-primary-light: #06d122 !important;
  
  /* Substituir cores secundárias */
  --bs-secondary: #003000 !important;
  --bs-secondary-rgb: 0, 48, 0 !important;
  --bs-secondary-dark: #002000 !important;
  --bs-secondary-light: #004000 !important;
  
  /* Cores de sucesso (verde) */
  --bs-success: #2bae0d !important;
  --bs-success-rgb: 43, 174, 13 !important;
  
  /* Cores de perigo (vermelho) */
  --bs-danger: #ff4444 !important;
  --bs-danger-rgb: 255, 68, 68 !important;
  
  /* Cores de warning (amarelo/laranja) */
  --bs-warning: #ff8800 !important;
  --bs-warning-rgb: 255, 136, 0 !important;
  
  /* Cores de info (azul) */
  --bs-info: #00a8ff !important;
  --bs-info-rgb: 0, 168, 255 !important;
  
  /* Cores de dark */
  --bs-dark: #0f3006 !important;
  --bs-dark-rgb: 15, 48, 6 !important;
}

/* Garantir que as cores sejam aplicadas */
.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-secondary {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
}

.bg-primary {
  background-color: var(--bs-primary) !important;
}

.bg-secondary {
  background-color: var(--bs-secondary) !important;
}

.text-primary {
  color: var(--bs-primary) !important;
}

.text-secondary {
  color: var(--bs-secondary) !important;
}

body {
  margin: 0;
  background: #000;
  color: #fff;
  font-family: "Segoe UI", Arial, sans-serif;
}

.loading-message {
  text-align: center;
  padding-top: 40vh;
  color: #00ff88;
  font-size: 1.5em;
}

.channel-header {
  text-align: center;
  padding: 1em;
}

.channel-logo {
  width: 160px;
  border-radius: 10px;
}

iframe {
  display: block;
  width: 100%;
  height: calc(100vh - 200px);
  border: none;
}