/* Send Listy Core 0.500
 * Add/Edit List only: Templates + multi-select Item Library.
 * Global Universal Search and Home Templates remain unchanged.
 */
.sl-unified-editor-catalog .sl-unified-tabs{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 overflow:visible;
 gap:8px;
}
.sl-unified-editor-catalog .sl-unified-tabs button{width:100%;text-align:center}
.sl-unified-editor-catalog .sl-unified-editor-select-item{
 grid-template-columns:auto 46px minmax(0,1fr) auto;
 cursor:pointer;
 user-select:none;
 position:relative;
}
.sl-unified-editor-catalog .sl-unified-editor-select-item>input{
 width:20px;
 height:20px;
 margin:0;
 accent-color:var(--sl-green);
}
.sl-unified-editor-catalog .sl-unified-editor-select-item.is-selected{
 border-color:var(--sl-green);
 background:#f3fbf4;
 box-shadow:0 0 0 1px rgba(47,158,47,.10);
}
.sl-unified-editor-catalog .sl-unified-editor-item-check{
 width:26px;
 height:26px;
 border-radius:50%;
 display:grid;
 place-items:center;
 background:#e8f5ea;
 color:var(--sl-green);
 font-weight:900;
 opacity:.38;
}
.sl-unified-editor-catalog .sl-unified-editor-select-item.is-selected .sl-unified-editor-item-check{
 background:var(--sl-green);
 color:#fff;
 opacity:1;
}
.sl-unified-editor-catalog .sl-unified-editor-select-item.sl-free-access-locked>input{pointer-events:none}
.sl-unified-editor-catalog .sl-unified-editor-item-bulk{
 position:sticky;
 bottom:0;
 z-index:12;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 padding:10px;
 border:1px solid #dce7de;
 border-radius:14px;
 background:rgba(255,255,255,.97);
 box-shadow:0 -8px 24px rgba(32,63,39,.10);
 backdrop-filter:blur(8px);
}
.sl-unified-editor-catalog .sl-unified-editor-item-bulk[hidden]{display:none!important}
.sl-unified-editor-catalog .sl-unified-editor-item-bulk>span{color:var(--sl-muted);font-size:12px;white-space:nowrap}
.sl-unified-editor-catalog .sl-unified-editor-item-bulk>span b{color:var(--sl-green);font-size:14px}
.sl-unified-editor-catalog .sl-unified-editor-item-bulk .sl-primary-button{min-height:42px;flex:1;max-width:310px}
.sl-unified-editor-catalog .sl-unified-editor-item-bulk .sl-primary-button:disabled{opacity:.45;cursor:not-allowed}
.send-list-app.sl-dark-mode .sl-unified-editor-catalog .sl-unified-editor-select-item.is-selected{background:#193023;border-color:#5abb6b}
.send-list-app.sl-dark-mode .sl-unified-editor-catalog .sl-unified-editor-item-bulk{background:rgba(24,34,46,.97);border-color:#3a4856}
@media(max-width:650px){
 .sl-unified-editor-catalog .sl-unified-editor-select-item{grid-template-columns:auto 40px minmax(0,1fr) 26px}
 .sl-unified-editor-catalog .sl-unified-editor-item-bulk{align-items:stretch;flex-direction:column}
 .sl-unified-editor-catalog .sl-unified-editor-item-bulk>span{text-align:center}
 .sl-unified-editor-catalog .sl-unified-editor-item-bulk .sl-primary-button{width:100%;max-width:none}
}

/* 0.500 — The editor catalog is a contained workspace, not a document-length modal.
 * Keep the action dock in a dedicated non-scrolling row above the app bottom nav.
 * This is intentionally scoped to editor catalog mode only.
 */
.send-list-app .sl-modal:has(.sl-unified-editor-catalog){
 bottom:calc(var(--sl-bottom-nav-height,78px) + 10px + env(safe-area-inset-bottom,0px))!important;
}
.send-list-app .sl-modal:has(.sl-unified-editor-catalog) .sl-modal-card{
 height:calc(100% - 14px)!important;
 max-height:calc(100% - 14px)!important;
 overflow:hidden!important;
}
.send-list-app .sl-modal:has(.sl-unified-editor-catalog) .sl-modal-card>[data-sl-modal-content]{
 height:100%!important;
 min-height:0!important;
 max-height:none!important;
 overflow:hidden!important;
 display:flex!important;
 flex-direction:column!important;
}
.send-list-app .sl-modal:has(.sl-unified-editor-catalog) .sl-unified-editor-catalog{
 flex:1 1 auto;
 min-height:0;
 overflow:hidden;
 display:flex;
 flex-direction:column;
 gap:10px;
}
.send-list-app .sl-unified-editor-catalog .sl-unified-results{
 flex:1 1 auto;
 min-height:0;
 overflow-y:auto;
 overflow-x:hidden;
 overscroll-behavior:contain;
 -webkit-overflow-scrolling:touch;
 padding:1px 1px 8px;
}
.send-list-app .sl-unified-editor-catalog .sl-unified-editor-item-bulk{
 position:relative!important;
 inset:auto!important;
 flex:0 0 auto;
 margin:0!important;
 z-index:2;
 box-shadow:0 -5px 16px rgba(32,63,39,.09);
}
/* Skip layout/paint work for off-screen rows while preserving their scroll geometry. */
@supports (content-visibility:auto){
 .send-list-app .sl-unified-editor-catalog .sl-unified-editor-select-item{
  content-visibility:auto;
  contain-intrinsic-size:72px;
 }
}
@media(max-width:650px){
 .send-list-app .sl-modal:has(.sl-unified-editor-catalog){
  bottom:calc(var(--sl-bottom-nav-height,78px) + 8px + env(safe-area-inset-bottom,0px))!important;
 }
 .send-list-app .sl-modal:has(.sl-unified-editor-catalog) .sl-modal-card{
  height:calc(100% - 10px)!important;
  max-height:calc(100% - 10px)!important;
 }
 .send-list-app .sl-unified-editor-catalog .sl-unified-editor-item-bulk{
  padding:8px 10px 9px;
  gap:7px;
  border-radius:13px;
 }
 .send-list-app .sl-unified-editor-catalog .sl-unified-editor-item-bulk .sl-primary-button{
  min-height:46px;
 }
}

/* Core 0.545 — Editor catalog search stability.
 * The editor catalog is a flex workspace. Keep its title, search box and tabs as
 * non-shrinking chrome so the results scroller can never squeeze the search field away.
 * This is scoped to Add/Edit List catalog mode only; global/Home search is unchanged.
 */
.send-list-app .sl-unified-editor-catalog > .sl-unified-search-title,
.send-list-app .sl-unified-editor-catalog > .sl-unified-modal-search,
.send-list-app .sl-unified-editor-catalog > .sl-unified-tabs{
 flex:0 0 auto!important;
 flex-shrink:0!important;
}
.send-list-app .sl-unified-editor-catalog > .sl-unified-modal-search{
 display:grid!important;
 min-height:54px!important;
 height:54px!important;
 visibility:visible!important;
 opacity:1!important;
 overflow:hidden!important;
}
.send-list-app .sl-unified-editor-catalog > .sl-unified-modal-search input[data-unified-search-input]{
 display:block!important;
 min-width:0!important;
 width:100%!important;
 height:52px!important;
 visibility:visible!important;
 opacity:1!important;
}
.send-list-app .sl-unified-editor-catalog > [data-unified-template-categories],
.send-list-app .sl-unified-editor-catalog > [data-unified-item-categories]{
 flex:0 0 auto;
 min-height:0;
}
@media(max-width:650px){
 .send-list-app .sl-unified-editor-catalog > .sl-unified-modal-search{
  min-height:52px!important;
  height:52px!important;
 }
 .send-list-app .sl-unified-editor-catalog > .sl-unified-modal-search input[data-unified-search-input]{height:50px!important}
}