.deep-agent-nav-items[data-v-72fef515] .q-item {
  min-height: 36px;
  /* Reserve space on the right for the floating collapse toggle button, though it's always on the "Home" option which is short*/
  padding-right: 25px;
}
.deep-agent-nav-item[data-v-72fef515] {
  border-radius: 4px;
}
/**
 * Fixed left sidebar panel for layout-level navigation.
 * Mirrors the agent-left-panel pattern previously in DeepAgentPage.
 * Only rendered on desktop (gt-sm class hides on < 1024px).
 */
.layout-sidebar[data-v-7a801ea4] {
  position: fixed;
  top: 67px; /* matches application header height */
  left: 0;
  width: 240px;
  height: calc(100vh - 67px);
  overflow-y: auto;
  border-right: 1px solid #e0e0e0;
  background-color: #fafafa;
  z-index: 100;
  transition: background-color 0.2s, width 0.05s linear;
}

/**
 * Collapsed state: background removed and width shrunk to the 48px toggle
 * button footprint so the transparent panel does not intercept pointer events
 * over the page content behind it.
 */
.layout-sidebar--collapsed[data-v-7a801ea4] {
  background-color: transparent;
  width: 48px;
}

/**
 * Mobile overlay anchor: absolutely positioned at the top-left of
 * q-page-container so the DeepAgentSidebar can use its own fixed/absolute
 * positioning internally (handled by app.scss sidebar-relative styles).
 */
.layout-sidebar-mobile[data-v-7a801ea4] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  min-height: 44px;
}

/**
 * Content area margin-left transitions for desktop.
 * Only applied when the sidebar is shown; does NOT set height or overflow
 * so each page controls its own layout constraints.
 */
@media (min-width: 1024px) {
.layout-content--with-sidebar[data-v-7a801ea4] {
    margin-left: 240px;
    transition: margin-left 0.2s;
}
.layout-content--with-sidebar-collapsed[data-v-7a801ea4] {
    margin-left: 48px;
    transition: margin-left 0.2s;
}
}