/* HRMPEB Recruitment - Custom UI Enhancements */
.hrm-icon {
  width: 1rem;
  height: 1rem;
  vertical-align: -0.125em;
  fill: currentColor;
}
.nav-icon .hrm-icon { width: 1.05rem; height: 1.05rem; }

/* Small-box icon sizing */
.small-box .icon .hrm-icon {
  width: 3.5rem;
  height: 3.5rem;
  opacity: .35;
}

/* Sidebar branding */
.main-sidebar { background-color: #334E8B; }
.brand-link { background: #2c4377; }
.small-box { border-radius: 10px; }

svg.hrm-icon{width:16px;height:16px;vertical-align:-0.125em;fill:currentColor;}

.nav-sidebar .nav-link svg.nav-icon{width:18px;height:18px;margin-right:8px;fill:currentColor;}

.small-box .icon .smallbox-icon{width:70px;height:70px;fill:currentColor;opacity:.25;}

/* SVG icon sizing */
svg.hrm-icon{
  width:16px;
  height:16px;
  vertical-align:-0.125em;
  fill:currentColor;
}

.small-box .icon .smallbox-icon{
  width:70px;
  height:70px;
  fill:currentColor;
  opacity:.25;
}

.nav-sidebar .nav-link svg.nav-icon{
  width:18px;
  height:18px;
  margin-right:8px;
  fill:currentColor;
}

.input-group-text svg.hrm-icon{
  width:16px;
  height:16px;
  fill:currentColor;
}

/* ==============================
   HRIS Sidebar UX Upgrades
   ============================== */

/* Scrollable sidebar area (keeps brand header fixed) */
.main-sidebar .sidebar-scroll{
  max-height: calc(100vh - 3.5rem);
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: .75rem;
}

/* Sticky section headers inside scroll */
.main-sidebar .nav-header{
  position: sticky;
  top: 0;
  z-index: 3;
  background: rgba(51, 78, 139, 0.98);
  backdrop-filter: blur(2px);
}

/* Smooth treeview expand/collapse */
.nav-sidebar .nav-treeview{
  transition: padding .18s ease;
}

/* Tighten treeview indentation */
.nav-sidebar .nav-treeview > .nav-item > .nav-link{
  padding-left: 2.2rem;
}

/* Badge alignment */
.nav-sidebar .badge{
  margin-top: .15rem;
}

/* Better scrollbar (WebKit) */
.main-sidebar .sidebar-scroll::-webkit-scrollbar{ width:6px; }
.main-sidebar .sidebar-scroll::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.35); border-radius: 10px; }
.main-sidebar .sidebar-scroll::-webkit-scrollbar-track{ background: transparent; }

/* Compact mode: keep icons centered and reduce text clutter */
body.sidebar-collapse .nav-sidebar .nav-link p{
  white-space: nowrap;
}

/* Mobile: ensure sidebar scroll works nicely */
@media (max-width: 767.98px){
  .main-sidebar .sidebar-scroll{ max-height: calc(100vh - 3.25rem); }
}