/*
 * Core 1.007 — shared full-height list-window shell.
 * One physical top and bottom for New/Edit, pre-save Preview and saved View.
 * No duplicated per-surface outer modal positioning. Content and actions retain
 * their preexisting independent scroll/interaction contracts.
 */
.send-list-app .sl-modal.sl-core-list-window-v1007:not(.sl-mobile-editor-expanded){
  position:fixed!important;
  top:env(safe-area-inset-top,0px)!important;
  bottom:var(--sl-list-window-nav-clearance,78px)!important;
  left:var(--sl-list-window-left,0px)!important;
  right:auto!important;
  width:var(--sl-list-window-width,100vw)!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
.send-list-app .sl-modal.sl-core-list-window-v1007:not(.sl-mobile-editor-expanded):not(.is-pre-save-preview-modal)>.sl-modal-card{
  position:absolute!important;
  top:0!important;
  bottom:5px!important;
  left:var(--sl-list-window-side-gap,8px)!important;
  right:var(--sl-list-window-side-gap,8px)!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-radius:20px!important;
  scrollbar-gutter:auto!important;
}
/* Core 1.014 — Preview-only card geometry, sourced from the live DevTools rule.
 * Remove the inset secondary card for New List > Preview without touching
 * New/Edit or Saved View, their scroll owners, or action button handlers.
 */
.send-list-app .sl-modal.sl-core-list-window-v1007.is-pre-save-preview-modal:not(.sl-mobile-editor-expanded)>.sl-modal-card{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:0!important;
  right:0!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-radius:0!important;
  scrollbar-gutter:auto!important;
}
/* Editor and saved view keep their original scroll owners within the shell. */
.send-list-app .sl-modal.sl-core-list-window-v1007.is-create-list-modal:not(.sl-mobile-editor-expanded)>.sl-modal-card>[data-sl-modal-content],
.send-list-app .sl-modal.sl-core-list-window-v1007:not(.sl-mobile-editor-expanded)>.sl-modal-card.sl-saved-list-foreground-header>[data-sl-modal-content]{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
/* Header geometry shared without changing controls or language direction. */
.send-list-app .sl-modal.sl-core-list-window-v1007:not(.sl-mobile-editor-expanded) .sl-create-list-reference-header,
.send-list-app .sl-modal.sl-core-list-window-v1007:not(.sl-mobile-editor-expanded) .sl-list-view-modal-header{
  height:52px!important;
  min-height:52px!important;
  flex-shrink:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  border-radius:20px 20px 0 0!important;
}
/* The saved list has a real header sibling of its scrolling content. */
.send-list-app .sl-modal.sl-core-list-window-v1007:not(.sl-mobile-editor-expanded)>.sl-modal-card.sl-saved-list-foreground-header>.sl-list-view-modal-header{
  position:relative!important;
  top:auto!important;
  flex:0 0 52px!important;
}
/* Preview's existing header lives inside the non-scrolling content frame. */
.send-list-app .sl-modal.sl-core-list-window-v1007.is-pre-save-preview-modal:not(.sl-mobile-editor-expanded) .sl-modal-backdrop{
  inset:0!important;
  background:rgba(4,10,15,.34)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* The modal-content node is a frame, not a scroll owner. */
.send-list-app .sl-modal.is-pre-save-preview-modal .sl-modal-card>[data-sl-modal-content]{
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  max-height:none!important;
  width:100%!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-radius:inherit!important;
}

/* Header is physically outside the preview scrollport. */
.send-list-app .sl-modal.is-pre-save-preview-modal .sl-list-view-modal-header{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  flex:0 0 52px!important;
  min-height:52px!important;
  height:52px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  transform:none!important;
  z-index:140!important;
  border-radius:0!important;
}

/* Only the actual Preview body scrolls. */
.send-list-app .sl-modal.is-pre-save-preview-modal .sl-pre-save-preview{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  width:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:auto!important;
}

/* Keep the established dark-mode colors while preserving the same geometry. */
.send-list-app.sl-dark-mode .sl-modal.is-pre-save-preview-modal .sl-modal-card,
.send-list-app.sl-dark-mode .sl-modal.is-pre-save-preview-modal .sl-modal-card>[data-sl-modal-content]{
  background:#18222e!important;
}

@media(max-width:560px){
}

/* Core 0.914 — canonical pre-save Preview item scrolling root fix.
 * This list's flex layout used to shrink .sl-view-items to the viewport while
 * its overflow:hidden clipped every item beyond the first few.  The PREVIEW
 * ARTICLE owns scrolling; the items block must keep its natural full height.
 * Scope deliberately excludes saved list view, template display and editor.
 */
.send-list-app .sl-modal.is-pre-save-preview-modal .sl-pre-save-preview > .sl-view-items{
  flex:0 0 auto!important;
  height:auto!important;
  max-height:none!important;
}


/* Preview-only foreground surface. The canonical New/Edit geometry remains unchanged. */
.send-list-app .sl-modal.sl-core-list-window-v1007.is-pre-save-preview-modal:not(.sl-mobile-editor-expanded){
  bottom:0!important;
  z-index:2147481900!important;
  background:var(--slls-bg,#fff)!important;
}
/* Keep the navigation in layout for geometry measurements, but never display it
   through the full-screen preview. Scope to the actually visible preview modal. */
.send-list-app:has(> .sl-modal.is-pre-save-preview-modal:not([hidden])) > .sl-bottom-nav{
  visibility:hidden!important;
  pointer-events:none!important;
}
/* The article is a read-only scroll region; its separate workflow bar stays functional. */
.send-list-app .sl-modal.is-pre-save-preview-modal .sl-preview-name-field{
  margin:8px 12px 10px;
  padding:12px 14px;
  min-height:44px;
  border:1px solid #dce7df;
  border-radius:12px;
  background:#f5faf6;
  color:#243a2e;
  font-weight:700;
  overflow-wrap:anywhere;
}
.send-list-app.sl-dark-mode .sl-modal.is-pre-save-preview-modal .sl-preview-name-field{
  background:#21342b;
  border-color:#3b5446;
  color:#f1faf4;
}
.send-list-app .sl-modal.is-pre-save-preview-modal .sl-pre-save-preview .sl-list-information-head{
  pointer-events:none!important;
}

/* The preview action dock belongs to the re-rendered modal content frame.
   It is a sibling of the list article: never a portal or child of the scrollport. */
.send-list-app .sl-modal.is-pre-save-preview-modal .sl-modal-card > [data-sl-modal-content]{
 display:flex!important;
 flex-direction:column!important;
 min-height:0!important;
 height:100%!important;
 overflow:hidden!important;
}
.send-list-app .sl-modal.is-pre-save-preview-modal [data-sl-modal-content] > article.sl-pre-save-preview{
 flex:1 1 0%!important;
 min-height:0!important;
 height:auto!important;
 max-height:none!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 overscroll-behavior:contain;
 touch-action:pan-y!important;
 -webkit-overflow-scrolling:touch;
}
.send-list-app .sl-modal.is-pre-save-preview-modal [data-sl-modal-content] > .sl-preview-content-actions{
 position:relative!important;
 inset:auto!important;
 bottom:auto!important;
 left:auto!important;
 right:auto!important;
 top:auto!important;
 flex:0 0 auto!important;
 align-self:stretch!important;
 transform:none!important;
 width:100%!important;
 max-width:100%!important;
 margin:0!important;
 padding:4px 8px calc(8px + env(safe-area-inset-bottom,0px))!important;
 z-index:200!important;
 isolation:isolate!important;
 pointer-events:auto!important;
 filter:none!important;
 background:var(--slls-bg,#fff)!important;
 box-sizing:border-box!important;
}
.send-list-app .sl-modal.is-pre-save-preview-modal .sl-preview-content-actions button{
 pointer-events:auto!important;
 touch-action:manipulation!important;
}

/* 1.024: Action buttons must be above the Preview scroll/header layers while remaining in-flow. */
.send-list-app .sl-modal.is-pre-save-preview-modal [data-sl-modal-content] > .sl-preview-content-actions .sl-preview-draft-actions{position:relative!important;z-index:1!important;pointer-events:auto!important;}