body {
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}

a {
  color: #4da6ff !important;
}

.container, .card, .navbar, .footer {
  background-color: #1e1e1e !important;
  color: #f0f0f0 !important;
}

/* Recuadro del email */
#email_id {
  background-color: #1e1e1e !important; /* Fondo oscuro */
  color: #ffeb3b !important;            /* Texto amarillo brillante */
  font-weight: bold !important;
  border: 1px solid #444 !important;
}

/* Si la clase bg-white sigue ganando, fuerza así */
#email_id.bg-white {
  background-color: #1e1e1e !important;
}

/* Encabezados de la lista de correos */
.mantis-theme .w-1\/2.md\:w-3\/12,
.mantis-theme .w-1\/2.md\:w-7\/12,
.mantis-theme .md\:w-2\/12.justify-end {
  color: #ffeb3b !important;   /* Amarillo brillante */
  font-weight: bold !important;
  background-color: #1e1e1e !important; /* Fondo oscuro */
  padding: 0.5rem !important;
}

/* Barra de progreso del contador */
#counter .filler {
  background-color: #ffeb3b66 !important; /* Amarillo translúcido */
  height: 100% !important;
  border-radius: 4px;                     /* Opcional: esquinas redondeadas */
  transition: width 0.3s ease-in-out;     /* Animación suave */
}

/* Enlace "Regresar a la bandeja de entrada" */
.mantis-theme span.ml-2 {
  color: #ffffff !important;        /* Blanco puro, máximo contraste */
  font-weight: bold !important;
  cursor: pointer;
  text-shadow: 1px 1px 2px #000;    /* Sombra para que resalte sobre fondos claros */
}

/* Botón/enlace Descargar */
.mantis-theme a.download {
  color: #4da6ff !important;   /* Azul eléctrico */
  font-weight: bold;
  border-bottom: 1px solid #4da6ff !important;
  margin-left: 1rem;
}
.mantis-theme a.download:hover {
  color: #82cfff !important;
  border-color: #82cfff !important;
}

/* Botón Borrar */
.mantis-theme button.delete {
  color: #ff5252 !important;   /* Rojo alerta */
  font-weight: bold;
  border-bottom: 1px solid #ff5252 !important;
  margin-left: 1rem;
  background: transparent !important;
}
.mantis-theme button.delete:hover {
  color: #ff7b7b !important;
  border-color: #ff7b7b !important;
}

/* Número dentro del contador */
#counter span.text {
  color: #ffeb3b !important;   /* Amarillo brillante */
  font-weight: bold !important;
  font-size: 1.2rem !important; /* Un poco más grande */
  text-shadow: 1px 1px 2px #000; /* Sombra para que resalte */
}