/* === MULTITUDES THEME FOR SHINYDASHBOARD === */

/* Overall body background */

/* Increase dashboard header height */
.main-header .navbar {
  min-height: 50px;  /* default is ~50px */
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #ffffff; /* white background */
  color: #4D78B8; /* multitudes.blue for main text */
}

/* Header bar */
.skin-blue .main-header .navbar {
  background-color: #ffffff; /* multitudes.purple */
  color: #7666A9;
}

/* Header logo area */
.skin-blue .main-header .logo {
  background-color: #ffffff; /* multitudes.purple */
  color: #7666A9;
  font-weight: bold;
  font-size: 20px;
}

/* Header logo hover */
.skin-blue .main-header .logo:hover {
  background-color: #ffffff; /* multitudes.blue */
  color: #ffffff; /* multitudes.yellow */
}

/* Sidebar background */
.skin-blue .main-sidebar {
  background-color: #ffffff;
  color: #7666A9; /* multitudes.purple for text */
}

/* Active tab in sidebar */
.skin-blue .sidebar-menu > li.active > a {
  background-color: #7666A9; /* multitudes.purple */
  color: #ffffff;
  font-weight: bold;
}

/* Hover over sidebar menu items */
.skin-blue .sidebar-menu > li:hover > a {
  background-color: #7666A9; /* multitudes.orange2 */
  color: #ffffff;
}

/* Box header color */
.box {
  border-top-color: #7666A9; /* multitudes.purple */
}

/* Box background */
.box {
  background-color: #ffffff; /* keep boxes white for clarity */
  color: #4D78B8; /* multitudes.blue for content text */
}

/* SwitchInput tweaks */
.bootstrap-switch .bootstrap-switch-label {
  background-color: #EBAC41; /* multitudes.orange3 */
  color: white;
}

/* Toggle switch sizing */
.bootstrap-switch {
  transform: scale(0.9);
}

/* DataTable styling overrides */
table.dataTable thead {
  background-color: #7666A9; /* multitudes.purple */
  color: white;
}

/* Font awesome bar charts (icons) */
.fa-bar-chart {
  transform: rotate(0deg) !important;
}

/* Sidebar menu text (normal state) */
.skin-blue .main-sidebar .sidebar .sidebar-menu a {
  color: #7666A9 !important;  /* multitudes.purple */
  font-size: 15px;
}

/* Sidebar submenu items */
.skin-blue .main-sidebar .sidebar .treeview-menu > li > a {
  color: #4D78B8 !important; /* multitudes.blue */
  font-size: 14px;
}

/* Active menu item */
.skin-blue .main-sidebar .sidebar .sidebar-menu .active > a {
  background-color: #7666A9 !important; /* purple background */
  color: #ffffff !important;            /* white text */
  font-weight: bold;
}

/* Hovered menu item */
.skin-blue .main-sidebar .sidebar .sidebar-menu > li:hover > a {
  background-color: #EBAC41 !important; /* orange highlight */
  color: #ffffff !important;
}

/* Optional: icon color in sidebar */
.skin-blue .main-sidebar .sidebar .sidebar-menu i {
  color: #7666A9 !important;
}

tags$head(
  tags$style(HTML("
    .DTFC_LeftWrapper table.dataTable thead th {
      white-space: nowrap;
      overflow: visible;
      text-overflow: clip;
    }
  "))
)