/* Centered Sidebar Override with High Specificity */
[data-nav-layout="vertical"] .app-sidebar,
[data-toggled=""] .app-sidebar,
[data-toggled="open"] .app-sidebar,
[data-toggled="close"] .app-sidebar,
[data-toggled="menu-click-closed"] .app-sidebar,
[data-toggled="menu-hover-closed"] .app-sidebar,
[data-toggled="icon-click-closed"] .app-sidebar,
[data-toggled="icon-hover-closed"] .app-sidebar,
html .app-sidebar {
  width: 15rem !important;
  height: 100vh !important;
  background-color: #111c43 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0.5rem !important;
  position: fixed !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 49 !important;
  transition: all 0.05s linear !important;
}

[data-nav-layout="vertical"] .main-sidebar-header,
[data-toggled=""] .main-sidebar-header,
[data-toggled="open"] .main-sidebar-header,
[data-toggled="close"] .main-sidebar-header,
[data-toggled="menu-click-closed"] .main-sidebar-header,
[data-toggled="menu-hover-closed"] .main-sidebar-header,
[data-toggled="icon-click-closed"] .main-sidebar-header,
[data-toggled="icon-hover-closed"] .main-sidebar-header,
html .main-sidebar-header {
  height: 3.75rem !important;
  width: 15rem !important;
  position: fixed !important;
  display: flex !important;
  z-index: 9 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.813rem 1.25rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  transition: all 0.05s linear !important;
}

/* Content adjustments for centered sidebar */
.content {
  width: 100% !important;
  padding: 0 1rem !important;
}

.main-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
}

/* Header adjustments */
.app-header {
  width: 100% !important;
}

/* Mobile responsiveness */
@media (max-width: 991.98px) {
  .app-sidebar {
    left: 0 !important;
    transform: none !important;
  }
  
  .main-sidebar-header {
    left: 0 !important;
    transform: none !important;
  }
}

/* Dark mode support */
[class="dark"] .app-sidebar {
  background-color: var(--bodybg) !important;
}

[class="dark"] .main-sidebar-header {
  background-color: var(--bodybg) !important;
}