/* 
==============================================================================
www/styles.css (NEW FILE)
- Contains all custom CSS for the application.
- This code was moved from config.R to follow best practices.
==============================================================================
*/

/* --- Login Page Styling --- */
#login {
  padding: 50px;
  max-width: 400px;
  margin: auto;
  margin-top: 100px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.shiny-output-error-validation { 
  color: #e74c3c; 
}

/* --- Custom Theme Overrides --- */
.box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #111111 !important;
  background-color: #111111 !important;
}
.box.box-solid.box-primary {
  border-color: #111111 !important;
}
.box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #111111 !important;
  background-color: #111111 !important;
}
.box.box-solid.box-info {
  border-color: #111111 !important;
}
.skin-blue .main-header .navbar,
.skin-blue .main-header .logo {
  background-color: #111111 !important;
}
.skin-black .sidebar-menu > li.active > a {
  border-left-color: #111111 !important;
}
#login-login_button {
  background-color: #111111 !important;
  border-color: #000000 !important;
}
.js-plotly-plot .plotly, .js-plotly-plot .plotly-graph-div {
  background: transparent !important;
}