styles.css

/* Custom Green Button (#cce5cc) - For Browse and Run */
.btn-custom-green {
  background-color: #cce5cc !important;
  border-color: #b8d0b8 !important; /* Slightly darker for border */
  color: #333333 !important;       /* Dark text for readability */
}

.btn-custom-green:hover,
.btn-custom-green:focus,
.btn-custom-green:active {
  background-color: #b8d0b8 !important; /* Darker on hover/focus */
  border-color: #a3b8a3 !important;
  color: #333333 !important;
}

/* Custom Purple-ish Button (#dbaef9) - For Download */
.btn-custom-purple {
  background-color: #dbaef9 !important;
  border-color: #c79bd1 !important; /* Slightly darker for border */
  color: #333333 !important;       /* Dark text for readability */
}

.btn-custom-purple:hover,
.btn-custom-purple:focus,
.btn-custom-purple:active {
  background-color: #c79bd1 !important; /* Darker on hover/focus */
  border-color: #b388b9 !important;
  color: #333333 !important;
}

/* Styling for the file input "Browse" button to be blue */
/* This targets the standard structure of Shiny's file input button */
.shiny-input-file .input-group-btn .btn-file {
  background-color: #cce0ff !important; /* Light blue */
  border-color: #b3c9e6 !important;     /* Slightly darker blue for border */
  color: #333333 !important;
}

.shiny-input-file .input-group-btn .btn-file:hover,
.shiny-input-file .input-group-btn .btn-file:focus {
  background-color: #b3c9e6 !important; /* Darker blue on hover/focus */
  border-color: #9cb8d9 !important;     /* Even darker blue for border on hover/focus */
  color: #333333 !important;
}

/* Style for the text of the active/selected navigation tab */
/* This targets Bootstrap's default classes for active nav links */
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active,
.nav-item > .nav-link.active { /* Covers different nav structures */
  color: #555555 !important; /* A dark gray, more visible than 'gray' on some backgrounds */
  /* You could also try 'gray' or a specific hex code like '#333333' if #555555 isn't ideal */
}