/* Sidebar Icons Custom Styles */
.sidenav .nav-item .icon i {
  font-size: 1rem !important;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.sidenav .nav-item .icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Ensure icons are visible in both active and inactive states */
.sidenav .nav-item .nav-link.active .icon i {
  color: #fff !important;
}

.sidenav .nav-item .nav-link:not(.active) .icon i {
  color: #344767 !important;
}

/* Fallback for Font Awesome loading issues */
.sidenav .nav-item .icon i:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}