.btn-elevated {
  background-color: #1a73e8;
  border: none;
  color: white;
  font-weight: 500;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.btn-elevated:hover {
  background-color: #1765d3;
}

/* Mobile sidebar fixes */
@media (max-width: 767px) {
  /* Prevent background scrolling when sidebar is open */
  html.sidenav-open,
  body.sidenav-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
  }

  /* Prevent main content from scrolling */
  .layout-sidebar-compact.sidenav-open .main-content-wrap {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
  }

  /* Prevent all scrollable content behind sidebar */
  .layout-sidebar-compact.sidenav-open .main-content {
    overflow: hidden !important;
    touch-action: none !important;
  }

  /* Enable scroll for sidebar-left-secondary */
  .layout-sidebar-compact .sidebar-left-secondary {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    height: calc(100vh - 70px) !important;
    max-height: calc(100vh - 70px) !important;
    touch-action: pan-y !important;
    position: fixed !important;
    padding-bottom: 100px !important;
  }

  /* Disable perfect scrollbar on mobile, use native scroll */
  .layout-sidebar-compact .sidebar-left-secondary.ps {
    overflow-y: auto !important;
  }

  .layout-sidebar-compact .sidebar-left-secondary .ps__rail-y {
    display: none !important;
  }

  /* Ensure submenu areas can scroll */
  .layout-sidebar-compact .sidebar-left-secondary .submenu-area {
    max-height: none;
  }

  /* Add bottom padding to last submenu area */
  .layout-sidebar-compact .sidebar-left-secondary .submenu-area:last-of-type {
    padding-bottom: 20px;
  }

  /* Backdrop is now created via JavaScript */
  /* Removed CSS ::before backdrop to allow proper click events */
}

/* Enable scroll for sidebar-left-secondary on all screen sizes */
.layout-sidebar-compact .sidebar-left-secondary {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100vh;
}

.layout-sidebar-compact .sidebar-left-secondary .submenu-area {
  flex-shrink: 0;
}

/* iOS specific fixes for sidebar scrolling */
@supports (-webkit-touch-callout: none) {
  /* iOS only */
  @media (max-width: 767px) {
    .layout-sidebar-compact .sidebar-left-secondary {
      /* Use fixed positioning with safe area */
      height: calc(100vh - 70px - env(safe-area-inset-bottom)) !important;
      max-height: calc(100vh - 70px - env(safe-area-inset-bottom)) !important;
      /* Ensure scrolling works */
      overflow-y: scroll !important;
      -webkit-overflow-scrolling: touch !important;
      /* Extra bottom padding to ensure all items are visible */
      padding-bottom: 120px !important;
    }
  }
}