/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Sidebar navigation styles */
.sidebar-nav-link {
  display: flex;
  align-items: center;
  padding: 8px 9px;
  border-radius: 4px;
  color: #6c757d;
  background: transparent;
  margin: 0 .7rem;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.125rem;
}

.sidebar-nav-link.selected {
  background: #e8f6ff;
  color: #3858a6;
}
.sidebar-nav-link.selected svg,
.sidebar-nav-link.selected img {
  color: #3858a6;
  filter: none;
}
.sidebar-nav-link:hover:not(.selected) {
  background: #f7f8fb;
  color: #6c757d;
}
.sidebar-nav-link svg {
  color: inherit;
  fill: currentColor;
  stroke: currentColor;
  filter: none;
}
.sidebar-nav-link img {
  color: inherit;
  filter: grayscale(0.5) brightness(0.8);
}
.sidebar-nav-link.selected svg,
.sidebar-nav-link.selected img {
  filter: none;
}
.sidebar-nav-link:hover:not(.selected) svg,
.sidebar-nav-link:hover:not(.selected) img {
  color: inherit;
  filter: grayscale(0.3) brightness(0.9);
}

html, body {
  font-family: 'Nunito', sans-serif;
  color: #6c757d;
}

/*
 * Rest of the file remains the same
 */