:root {
  --sidebar-width: 240px;
}

/* Vertical layout - full sidebar type */
#main-wrapper[data-layout="vertical"][data-sidebartype="full"] .left-sidebar {
  width: var(--sidebar-width) !important;
}

#main-wrapper[data-layout="vertical"][data-sidebartype="full"] .page-wrapper {
  margin-left: var(--sidebar-width) !important;
}

#main-wrapper[data-layout="vertical"][data-sidebartype="full"] .topbar .top-navbar .navbar-header,
#main-wrapper[data-layout="vertical"][data-sidebartype="full"] .topbar .top-navbar .navbar-header .navbar-brand {
  width: var(--sidebar-width) !important;
}

#main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="full"] .topbar .top-navbar .navbar-collapse {
  margin-left: var(--sidebar-width) !important;
}

/* Sidebar Resizer */
#sidebar-resizer {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  cursor: col-resize;
  background-color: transparent;
  z-index: 999;
  transition: background-color 0.1s ease;
}

#sidebar-resizer:hover,
#sidebar-resizer.resizing {
  background-color: #1e88e5 !important;
}

/* Disable resizer on mobile view */
@media (max-width: 767px) {
  #sidebar-resizer {
    display: none !important;
  }
  
  /* Fallback to default styles on mobile */
  #main-wrapper[data-layout="vertical"][data-sidebartype="full"] .left-sidebar {
    width: 240px !important;
  }
  
  #main-wrapper[data-layout="vertical"][data-sidebartype="full"] .page-wrapper {
    margin-left: 0px !important;
  }
}

/* 드래그 성능 최적화: 리사이징 도중 엘리먼트들의 transition 지연을 완전히 제거 */
body.sidebar-resizing * {
  transition: none !important;
}