/*
 * Send Listy Core 0.709 — Canonical All Lists Window Shell
 * Parent: Core 0.708
 * Scope: My Lists / View All management modal only.
 * Generic modal CSS, Settings, Currency, Find & Add and other surfaces remain untouched.
 */

.send-list-app .sl-modal.is-all-lists-modal{
  top:var(--sl-all-lists-shell-top,0px)!important;
  bottom:var(--sl-all-lists-shell-bottom,83px)!important;
  left:var(--sl-all-lists-shell-left,0px)!important;
  right:auto!important;
  width:var(--sl-all-lists-shell-width,100vw)!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}

.send-list-app .sl-modal.is-all-lists-modal .sl-modal-backdrop{
  inset:0!important;
  background:rgba(4,10,15,.34)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.send-list-app .sl-modal.is-all-lists-modal .sl-modal-card{
  left:var(--sl-all-lists-side-gap,12px)!important;
  right:var(--sl-all-lists-side-gap,12px)!important;
  top:var(--sl-all-lists-vertical-gap,10px)!important;
  bottom:var(--sl-all-lists-vertical-gap,10px)!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid #dde5df!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(10,31,17,.24)!important;
  scrollbar-gutter:auto!important;
}

.send-list-app .sl-modal.is-all-lists-modal .sl-modal-card::after{
  display:none!important;
  content:none!important;
}

/* True foreground header: sibling of the scrolling body. */
.send-list-app .sl-modal.is-all-lists-modal .sl-all-lists-window-head{
  direction:ltr!important;
  flex:0 0 58px!important;
  min-height:58px!important;
  height:58px!important;
  width:100%!important;
  margin:0!important;
  padding:0 4px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 52px!important;
  align-items:center!important;
  gap:0!important;
  border:0!important;
  border-bottom:1px solid #e2e8e4!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
  position:relative!important;
  z-index:4!important;
}

.send-list-app .sl-modal.is-all-lists-modal .sl-all-lists-window-head>.sl-modal-back{
  grid-column:1!important;
  display:grid!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  justify-self:center!important;
  align-self:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  place-items:center!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#2d3932!important;
  box-shadow:none!important;
  cursor:pointer!important;
  z-index:1!important;
}
.send-list-app .sl-modal.is-all-lists-modal .sl-all-lists-window-head>.sl-modal-back .sl-modal-back-arrow{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
}
.send-list-app .sl-modal.is-all-lists-modal .sl-all-lists-window-head>.sl-modal-back svg{
  width:26px!important;
  height:26px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.send-list-app .sl-modal.is-all-lists-modal .sl-all-lists-window-head>h2{
  grid-column:2!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  color:#1e2c24!important;
  text-align:center!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  unicode-bidi:plaintext!important;
}

.send-list-app .sl-modal.is-all-lists-modal .sl-all-lists-window-head>.sl-modal-close{
  grid-column:3!important;
  display:grid!important;
  position:static!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  justify-self:center!important;
  align-self:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  place-items:center!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#2d3932!important;
  box-shadow:none!important;
  font-size:26px!important;
  line-height:1!important;
  cursor:pointer!important;
  z-index:1!important;
}

.send-list-app .sl-modal.is-all-lists-modal .sl-all-lists-window-head>.sl-modal-back:hover,
.send-list-app .sl-modal.is-all-lists-modal .sl-all-lists-window-head>.sl-modal-back:focus-visible,
.send-list-app .sl-modal.is-all-lists-modal .sl-all-lists-window-head>.sl-modal-close:hover,
.send-list-app .sl-modal.is-all-lists-modal .sl-all-lists-window-head>.sl-modal-close:focus-visible{
  background:#f1f6f2!important;
  outline:none!important;
}

/* Only the body scrolls. The header never participates in this scrollport. */
.send-list-app .sl-modal.is-all-lists-modal .sl-modal-card>[data-sl-modal-content]{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:12px 14px 14px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}

.send-list-app .sl-modal.is-all-lists-modal .sl-all-lists-bulk{
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

/* Preserve established All Lists controls, but normalize spacing inside the shell. */
.send-list-app .sl-modal.is-all-lists-modal .sl-all-lists-search{
  margin:0 0 10px!important;
}
.send-list-app .sl-modal.is-all-lists-modal .sl-bulk-toolbar{
  margin:0 0 12px!important;
  top:0!important;
}
.send-list-app .sl-modal.is-all-lists-modal .sl-all-lists-manage{
  padding-bottom:2px!important;
}

.send-list-app.sl-dark-mode .sl-modal.is-all-lists-modal .sl-modal-card,
.send-list-app.sl-dark-mode .sl-modal.is-all-lists-modal .sl-all-lists-window-head{
  background:#18222e!important;
  color:#edf2f7!important;
  border-color:#354151!important;
}
.send-list-app.sl-dark-mode .sl-modal.is-all-lists-modal .sl-all-lists-window-head{
  border-bottom-color:#354151!important;
}
.send-list-app.sl-dark-mode .sl-modal.is-all-lists-modal .sl-all-lists-window-head>h2,
.send-list-app.sl-dark-mode .sl-modal.is-all-lists-modal .sl-all-lists-window-head>.sl-modal-back,
.send-list-app.sl-dark-mode .sl-modal.is-all-lists-modal .sl-all-lists-window-head>.sl-modal-close{
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode .sl-modal.is-all-lists-modal .sl-all-lists-window-head>.sl-modal-back:hover,
.send-list-app.sl-dark-mode .sl-modal.is-all-lists-modal .sl-all-lists-window-head>.sl-modal-back:focus-visible,
.send-list-app.sl-dark-mode .sl-modal.is-all-lists-modal .sl-all-lists-window-head>.sl-modal-close:hover,
.send-list-app.sl-dark-mode .sl-modal.is-all-lists-modal .sl-all-lists-window-head>.sl-modal-close:focus-visible{
  background:#253441!important;
}

@media(max-width:560px){
  .send-list-app .sl-modal.is-all-lists-modal .sl-modal-card{
    border-radius:20px!important;
  }
  .send-list-app .sl-modal.is-all-lists-modal .sl-all-lists-window-head{
    grid-template-columns:48px minmax(0,1fr) 48px!important;
    min-height:56px!important;
    height:56px!important;
    flex-basis:56px!important;
  }
  .send-list-app .sl-modal.is-all-lists-modal .sl-all-lists-window-head>.sl-modal-back,
  .send-list-app .sl-modal.is-all-lists-modal .sl-all-lists-window-head>.sl-modal-close{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }
  .send-list-app .sl-modal.is-all-lists-modal .sl-modal-card>[data-sl-modal-content]{
    padding:10px 12px 12px!important;
  }
}