@media (min-width: 1029px){
/* Ensure the sidebar is condensed by default */
body {
  --sidebar-width: 70px;
  --sidebar-width-expanded: 260px;
}

/* Condensed sidebar styles */
.leftside-menu {
  width: var(--sidebar-width) !important;
  transition: ease-in-out;
  z-index: 100;
  overflow: visible;
}

/* When not condensed (pinned), keep sidebar expanded without hover */
body:not(.left-side-menu-condensed) .leftside-menu {
  width: var(--sidebar-width-expanded) !important;
}


.leftside-menu .logo-sm {
  display: block;
}

/* No hover expansion; expansion is class-driven */

/* Show text even without hover when pinned (not condensed) */
body:not(.left-side-menu-condensed) .side-nav .side-nav-link span {
  opacity: 1;
  display: inline !important;
}

body.leftside-menu .side-nav-link .menu-arrow {
  display: inline-block !important;
  opacity: 0 !important;
  position: absolute !important;
  right: 30px !important;
}

/* Logo behavior is class-driven */

/* Logo behavior when pinned */
body:not(.left-side-menu-condensed) .logo-lg {
  opacity: 1;
  display: block;
}
body:not(.left-side-menu-condensed) .logo-sm {
  display: none;
}

/* Adjust content page when sidebar expands */
.content-page {
  margin-left: var(--sidebar-width);
}

body.sidebar-enable .content-page {
  margin-left: var(--sidebar-width);
}

/* Content margin when pinned */
body:not(.left-side-menu-condensed) .content-page {
  margin-left: var(--sidebar-width-expanded);
}

/* Ensure submenu items are properly styled */
.side-nav-second-level {
  padding-left: 0;
}

/* Ensure menu arrows are visible in expanded state */
/* Arrow visibility is class-driven */

/* Ensure arrows visible when pinned */
body:not(.left-side-menu-condensed) .menu-arrow {
  display: inline-block;
}

.side-nav .side-nav-link {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.2s ease;
  margin-left: 4px;
  position: relative;
}

.side-nav .side-nav-link:hover,
.side-nav .side-nav-link:focus {
  color: white;
}

.side-nav .side-nav-link em {
  color: rgba(255, 255, 255, 0.8);
  margin-right: 10px;
}

.side-nav-second-level li a {
  color: rgba(255, 255, 255, 0.7);
}

.side-nav-second-level li a:hover,
.side-nav-second-level li a:focus {
  color: white;
}

/* Logo styling */
.logo-sm img {
  max-height: 48px;
  width: auto;
}
/* Circular checkbox styling */
.circular-checkbox {
  position: absolute;
  top: 25px;
  right: 5px !important;
  background: transparent;
  cursor: pointer;
  z-index: 10;
  opacity: 0;
  /* transition: opacity 0.2s ease; */
  border: none !important;
}

/* Checkbox visibility is class-driven */

/* Show checkbox when pinned */
body:not(.left-side-menu-condensed) .circular-checkbox {
  opacity: 1;
}


.checkbox-icon i {
  font-size: 14px;
}

/* Adjust position when sidebar is collapsed */
.left-side-menu-condensed .circular-checkbox {
  right: 5px;
}

/* Condensed/pinned visibility rules */
body.left-side-menu-condensed .side-nav .side-nav-link span {
  opacity: 0;
  display: none !important;
}
body.left-side-menu-condensed .menu-arrow {
  display: none !important;
}
body:not(.left-side-menu-condensed) .side-nav .side-nav-link span {
  opacity: 1;
  display: inline !important;
}
body:not(.left-side-menu-condensed) .menu-arrow {
  display: inline-block;
}

/* In condensed mode, show text for hovered item */
body.left-side-menu-condensed .side-nav-item:hover .side-nav-link span {
  opacity: 1 !important;
  display: inline !important;
}
body.left-side-menu-condensed .side-nav-item:hover .menu-arrow {
  display: inline-block !important;
}
body:not(.left-side-menu-condensed) .logo-lg {
  opacity: 1;
  display: block;
}
body.left-side-menu-condensed .side-nav-item:hover .collapse.show ul.side-nav-second-level li a {
    left: 0px !important;
    flex-flow: column;
    padding:0px 8px !important;
}
body:not(.left-side-menu-condensed) .logo-sm {
  display: none;
}
body[data-leftbar-theme=dark][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover>.collapse>ul, body[data-leftbar-theme=dark][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover>.collapsing>ul {
    background: var(--primary-color);
}
body:not(.left-side-menu-condensed) .content-page {
  margin-left: var(--sidebar-width-expanded);
}
}
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu {
    z-index: 999 !important;
}