/* Focused Lead collections have exactly one scroll owner: the focused page.
   Keep this file limited to scroll/viewport ownership. Visual color and row styling live elsewhere. */

body:has(.shell.shell--section-focus) {
  overflow: hidden;
}

html body .shell.shell--section-focus > .panel--focused:has(.lead-list) {
  position: fixed;
  inset: 0;
  z-index: 900;
  box-sizing: border-box;
  width: 100vw;
  max-width: none;
  height: 100dvh;
  min-height: 0;
  max-height: 100dvh;
  margin: 0;
  overflow: auto;
  padding-bottom: max(18px, env(safe-area-inset-bottom));
  overscroll-behavior-y: contain;
  touch-action: pan-x pan-y pinch-zoom;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
}

/* The focused page owns scrolling. Its disclosure/content/list must not create nested scrollers. */
html body .shell.shell--section-focus > .panel--focused:has(.lead-list) > .disclosure[open] {
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: visible;
}

html body .shell.shell--section-focus > .panel--focused:has(.lead-list) > .disclosure[open] > .disclosure__content {
  display: block;
  min-height: 0;
  overflow: visible;
}

html body .shell.shell--section-focus > .panel--focused:has(.lead-list) .lead-list-tools {
  min-height: 0;
}

html body .shell.shell--section-focus > .panel--focused:has(.lead-list) .lead-list {
  display: grid;
  min-height: 0;
  height: auto;
  max-height: none;
  overflow: visible;
  padding-bottom: 0;
  overscroll-behavior: auto;
  touch-action: auto;
}