/* Base styles */
select#persona-select {
  background-color: #1c1c1c;
  color: white;
  border: 1px solid #555;
  padding: 12px;
  font-size: 16px;
  border-radius: 8px;
  appearance: none; /* removes default OS styles */
  cursor: pointer;
  margin-bottom: 1rem;
  transition: border 0.3s ease, background-color 0.3s ease;
}

/* Arrow icon replacement (optional, needs a container) */
select#persona-select:focus {
  outline: none;
  border-color: #6f00ff;
  background-color: #222;
}

/* Add a hover effect */
select#persona-select:hover {
  border-color: #888;
}