/* === NoTR Sidebar Theme (AdminLTE override) === */
:root{
  --notr-white: #ffffff;
  --notr-text: rgba(255,255,255,.92);
  --notr-text-muted: rgba(255,255,255,.65);
  --notr-active-bg: rgba(255,255,255,.18);
  --notr-hover-bg: rgba(255,255,255,.12);
  --notr-border: rgba(255,255,255,.12);
}

/* Sidebar container */
.main-sidebar.notr-sidebar{
  background: linear-gradient(180deg, #8fd3ff 0%, #2aa3d6 45%, #0c6ea6 100%);
  border-right: 0 !important;
  width: 260px;
}

/* brand (AdminLTE brand link lives inside the included brand-logo partials) */
.main-sidebar.notr-sidebar .brand-link{
  background: transparent !important;
  border-bottom: 1px solid var(--notr-border) !important;
}
.main-sidebar.notr-sidebar .brand-link .brand-text{
  color: var(--notr-text) !important;
  font-weight: 700;
  letter-spacing: .2px;
}
.main-sidebar.notr-sidebar .brand-link img{
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}

/* nav spacing */
.notr-nav .nav-item{
  margin: 6px 10px;
}
.notr-nav .nav-link{
  border-radius: 12px !important;
  color: var(--notr-text) !important;
  background: transparent !important;
  transition: transform .12s ease, background .12s ease;
}
.notr-nav .nav-link .nav-icon{
  color: rgba(255,255,255,.9) !important;
}
.notr-nav .nav-link:hover{
  background: var(--notr-hover-bg) !important;
  transform: translateX(2px);
}
.notr-nav .nav-link.active{
  background: var(--notr-active-bg) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}

/* Make sure AdminLTE default states don't override */
.notr-sidebar .nav-sidebar>.nav-item>.nav-link.active,
.notr-sidebar .nav-sidebar>.nav-item>.nav-link:hover{
  color: var(--notr-text) !important;
}

/* === Sidebar icon color override === */

/* Normal durum */
.notr-sidebar .nav-link .nav-icon,
.notr-sidebar .nav-link i {
    color: #ffffff !important;
    opacity: 0.95;
}

/* Hover */
.notr-sidebar .nav-link:hover .nav-icon,
.notr-sidebar .nav-link:hover i {
    color: #ffffff !important;
    opacity: 1;
}

/* Active */
.notr-sidebar .nav-link.active .nav-icon,
.notr-sidebar .nav-link.active i {
    color: #ffffff !important;
    opacity: 1;
}

/* ensure sidebar inner is relative for bottom button */
.notr-sidebar .sidebar.notr-sidebar-inner{
  position: relative;
  padding-bottom: 60px;
}

/* Optional: slightly soften user panel text if present */
.notr-sidebar .user-panel .info a{
  color: var(--notr-text) !important;
}
.notr-sidebar .user-panel small,
.notr-sidebar .user-panel .text-muted{
  color: var(--notr-text-muted) !important;
}