/* Homepage Control 0.009: single-shell staging and approved live layout.
   Preserve Core's 70/30 smart-action pair; external modules span both tracks.
   Loaded only for the controlled modular shell. */
.slhc-shell-preview{min-width:0;max-width:100%;}
.slhc-shell-preview .send-list-app .sl-main{min-width:0;}
.slhc-shell-preview .send-list-app .sl-main>.slhc-stage-section,
.slhc-shell-preview .send-list-app .sl-main>[data-slhc-layout-root]:not(.sl-ai-home-widget):not(.sl-paste-list-widget){
 grid-column:1 / -1!important;min-width:0;max-width:100%;box-sizing:border-box;
}
.slhc-shell-preview .slhc-stage-section{min-width:0;max-width:100%;box-sizing:border-box;}
.slhc-shell-preview .slhc-stage-section>*{min-width:0;max-width:100%;}
/* Content Hub cards keep their own layout, but may not impose a minimum
   width on the outer Core grid. No changes to their data or card markup. */
.slhc-shell-preview [data-slhc-component="templateswidget"] .slch-home-shortcode-grid,
.slhc-shell-preview [data-slhc-component="stepbystep"] .slch-home-shortcode-grid{
 min-width:0;max-width:100%;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));
}
.slhc-shell-preview [data-slhc-component="templateswidget"] .slch-home-shortcode-card,
.slhc-shell-preview [data-slhc-component="stepbystep"] .slch-home-shortcode-card{min-width:0;max-width:100%;}
.slhc-shell-preview [data-slhc-component="templateswidget"] .slch-home-shortcode-body,
.slhc-shell-preview [data-slhc-component="stepbystep"] .slch-home-shortcode-body{min-width:0;overflow-wrap:break-word;}
.slhc-shell-preview [data-slhc-component="templateswidget"] .slch-home-shortcode-media img,
.slhc-shell-preview [data-slhc-component="stepbystep"] .slch-home-shortcode-media img{max-width:100%;}
@media(max-width:600px){
 .slhc-shell-preview [data-slhc-component="templateswidget"] .slch-home-shortcode-grid,
 .slhc-shell-preview [data-slhc-component="stepbystep"] .slch-home-shortcode-grid{grid-template-columns:minmax(0,1fr);}
}

/* 0.014: Video entry is a single button, not a nested promotional card. */
.send-list-app[data-slhc-stage] .slhc-stage-section[data-slhc-component="videos"] .slvt-button-only-entry,
.send-list-app .slhc-stage-section[data-slhc-component="videos"] .slvt-button-only-entry{width:100%;max-width:100%;min-width:0}

/* 0.015 — exact live equivalent of the approved preview layout. */
.send-list-app[data-slhc-layout-mode="live"] .sl-main{min-width:0}
.send-list-app[data-slhc-layout-mode="live"] .sl-main>.slhc-stage-section,
.send-list-app[data-slhc-layout-mode="live"] .sl-main>[data-slhc-layout-root]:not(.sl-ai-home-widget):not(.sl-paste-list-widget){grid-column:1 / -1!important;min-width:0;max-width:100%;box-sizing:border-box}
.send-list-app[data-slhc-layout-mode="live"] .slhc-stage-section,
.send-list-app[data-slhc-layout-mode="live"] .slhc-stage-section>*{min-width:0;max-width:100%;box-sizing:border-box}
.send-list-app[data-slhc-layout-mode="live"] [data-slhc-component="templateswidget"] .slch-home-shortcode-grid,
.send-list-app[data-slhc-layout-mode="live"] [data-slhc-component="stepbystep"] .slch-home-shortcode-grid{min-width:0;max-width:100%;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
.send-list-app[data-slhc-layout-mode="live"] [data-slhc-component="templateswidget"] .slch-home-shortcode-card,
.send-list-app[data-slhc-layout-mode="live"] [data-slhc-component="stepbystep"] .slch-home-shortcode-card{min-width:0;max-width:100%}
.send-list-app[data-slhc-layout-mode="live"] [data-slhc-component="templateswidget"] .slch-home-shortcode-body,
.send-list-app[data-slhc-layout-mode="live"] [data-slhc-component="stepbystep"] .slch-home-shortcode-body{min-width:0;overflow-wrap:break-word}
.send-list-app[data-slhc-layout-mode="live"] [data-slhc-component="templateswidget"] .slch-home-shortcode-media img,
.send-list-app[data-slhc-layout-mode="live"] [data-slhc-component="stepbystep"] .slch-home-shortcode-media img{max-width:100%}
@media(max-width:600px){
.send-list-app[data-slhc-layout-mode="live"] [data-slhc-component="templateswidget"] .slch-home-shortcode-grid,
.send-list-app[data-slhc-layout-mode="live"] [data-slhc-component="stepbystep"] .slch-home-shortcode-grid{grid-template-columns:minmax(0,1fr)}
}


/* 0.017 — Stable Home Slot Ordering.
   Homepage Control order is visual, not DOM-mutation based. */
.send-list-app[data-slhc-layout-mode="live"] .sl-main > [data-slhc-order],
.slhc-shell-preview .send-list-app .sl-main > [data-slhc-order]{
  position:relative;
}
.send-list-app[data-slhc-layout-mode="live"] .sl-main > :not([data-slhc-order]),
.slhc-shell-preview .send-list-app .sl-main > :not([data-slhc-order]){
  order:10000;
}

/* ========================================================================
   0.023 — Fixed App Shell Layout
   Presentation only. Core-owned fragments stay intact; no list/search/share
   data or event ownership is moved into Homepage Control.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"],
.slhc-shell-preview .send-list-app{
  --slhc-gap:8px;
  --slhc-radius:22px;
  --slhc-nav-safe:84px;
  background:#f5faf7!important;
  overflow:hidden;
}
.send-list-app[data-slhc-layout-mode="live"] .sl-main,
.slhc-shell-preview .send-list-app .sl-main{
  display:block!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#f5faf7!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-app-shell,
.slhc-shell-preview .send-list-app .slhc-app-shell{
  width:100%;
  height:var(--slhc-shell-height,calc(100dvh - 174px));
  min-height:420px;
  max-height:calc(100dvh - 86px);
  display:flex;
  flex-direction:column;
  gap:var(--slhc-gap);
  padding:8px 10px 8px;
  overflow:hidden;
  background:#f5faf7;
  box-sizing:border-box;
}

/* Header stays Core-owned; only compact app-shell presentation is applied. */
.send-list-app[data-slhc-layout-mode="live"] .sl-topbar,
.slhc-shell-preview .send-list-app .sl-topbar{
  flex:0 0 auto;
  padding:10px 12px 9px!important;
  min-height:76px;
  background:#fff!important;
  border-bottom:1px solid #edf1ee!important;
  box-shadow:0 2px 10px rgba(23,56,34,.035)!important;
}
.send-list-app[data-slhc-layout-mode="live"] .sl-brand-icon,
.slhc-shell-preview .send-list-app .sl-brand-icon{width:45px!important;height:45px!important;border-radius:12px!important}
.send-list-app[data-slhc-layout-mode="live"] .sl-brand-name,
.slhc-shell-preview .send-list-app .sl-brand-name{font-size:26px!important;white-space:nowrap!important}
.send-list-app[data-slhc-layout-mode="live"] .sl-tagline,
.slhc-shell-preview .send-list-app .sl-tagline{display:none!important}

/* Primary green work surface: Search + flexible My Lists. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-app-primary,
.slhc-shell-preview .send-list-app .slhc-app-primary{
  flex:1 1 auto;
  min-height:0;
  width:100%;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:9px;
  margin:0!important;
  border-radius:0 0 28px 28px;
  background:linear-gradient(180deg,#079c4d 0%,#10c76a 68%,#23b357 100%);
  box-shadow:0 14px 30px rgba(13,113,58,.10);
  overflow:hidden;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-search-slot,
.slhc-shell-preview .send-list-app .slhc-search-slot{flex:0 0 auto;min-width:0}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot,
.slhc-shell-preview .send-list-app .slhc-mylists-slot{flex:1 1 auto;min-height:0;min-width:0;display:flex}

/* Neutralize saved layout geometry inside fixed shell regions only. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-app-shell [data-slhc-layout-root],
.slhc-shell-preview .send-list-app .slhc-app-shell [data-slhc-layout-root]{
  order:initial!important;
  grid-column:auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}

/* Search */
.send-list-app[data-slhc-layout-mode="live"] .slhc-search-slot .sl-unified-home-search-row,
.slhc-shell-preview .send-list-app .slhc-search-slot .sl-unified-home-search-row{
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(20,73,41,.08)!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-search-slot .sl-browse-button,
.slhc-shell-preview .send-list-app .slhc-search-slot .sl-browse-button{
  min-width:112px!important;
  background:#fff!important;
  color:#087f3d!important;
}

/* My Lists = main flexible viewport. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot>.sl-my-lists-widget,
.slhc-shell-preview .send-list-app .slhc-mylists-slot>.sl-my-lists-widget{
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  margin:0!important;
  padding:12px 12px 9px!important;
  border:1px solid rgba(28,77,45,.08)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(24,73,40,.07)!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-my-lists-head,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-my-lists-head{
  flex:0 0 auto!important;
  min-height:38px!important;
  margin:0 0 7px!important;
  align-items:center!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-my-lists-head h2,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-my-lists-head h2{
  font-size:21px!important;
  line-height:1.05!important;
  font-weight:800!important;
  color:#17221b!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-cards,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-cards{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin;
  scrollbar-color:#cbd8cf transparent;
  padding:2px 2px 4px!important;
  scroll-padding-bottom:10px;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-cards::-webkit-scrollbar,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-cards::-webkit-scrollbar{width:4px;height:4px}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-cards::-webkit-scrollbar-thumb,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-cards::-webkit-scrollbar-thumb{background:#cbd8cf;border-radius:9px}

/* Convert existing Core home list cards to compact vertical rows without
   replacing any Core button, menu, drag handle or open-list action. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card-wrap,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-card-wrap{
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-card{
  width:100%!important;
  min-width:0!important;
  min-height:72px!important;
  margin:0!important;
  padding:9px 38px 9px 66px!important;
  border:1px solid #e3e9e5!important;
  border-radius:15px!important;
  box-shadow:0 3px 10px rgba(24,54,34,.035)!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 78px!important;
  grid-template-rows:auto auto!important;
  column-gap:8px!important;
  row-gap:5px!important;
  align-items:center!important;
  overflow:visible!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card-icon,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-card-icon{
  position:absolute!important;
  left:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  font-size:22px!important;
  border-radius:12px!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot .sl-list-card{padding:9px 66px 9px 38px!important}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card-icon,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot .sl-list-card-icon{left:auto!important;right:14px!important}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card h3,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-card h3{
  grid-column:1!important;grid-row:1!important;
  margin:0!important;min-width:0!important;
  font-size:13.5px!important;line-height:1.2!important;font-weight:800!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  text-align:start!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-progress,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-progress{
  grid-column:1!important;grid-row:2!important;
  width:100%!important;height:5px!important;margin:0!important;
  align-self:center!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-meta,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-meta{
  grid-column:2!important;grid-row:1/3!important;
  margin:0!important;display:flex!important;flex-direction:column!important;
  align-items:flex-end!important;justify-content:center!important;gap:4px!important;
  font-size:9px!important;line-height:1.1!important;min-width:0!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-meta,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot .sl-list-meta{align-items:flex-start!important}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-meta span:first-child,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-meta span:first-child{font-size:11px!important;font-weight:800!important;color:#67756d!important}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-card-top-actions,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-card-top-actions{
  position:absolute!important;top:5px!important;right:5px!important;z-index:2!important;gap:2px!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-card-top-actions,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot .sl-card-top-actions{right:auto!important;left:5px!important}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-card-drag-handle,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-card-drag-handle{
  position:absolute!important;left:4px!important;top:4px!important;z-index:2!important;transform:scale(.78)!important;transform-origin:top left!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-card-drag-handle,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot .sl-card-drag-handle{left:auto!important;right:4px!important;transform-origin:top right!important}

/* Empty My Lists remains Core's real empty state and gets the full viewport. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-empty-my-lists,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-empty-my-lists{
  flex:1 0 auto!important;
  width:100%!important;
  min-height:180px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px dashed #b9c9be!important;
  border-radius:17px!important;
  background:#fff!important;
}

/* Folded add footer is fixed to My Lists, never part of the page scroll. */
.slhc-my-lists-add-footer{
  flex:0 0 34px;
  min-height:34px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:8px;
  margin-top:5px;
}
.slhc-my-lists-add-footer>span{height:1px;background:#dfe6e1}
.slhc-my-lists-add-footer>button{border:0;background:transparent;padding:0;display:flex;align-items:center;gap:5px;color:#77847c;font:inherit;cursor:pointer}
.slhc-my-lists-add-footer>button i{width:30px;height:30px;border:1px solid #dce8df;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0aa451;font-size:19px;font-style:normal;box-shadow:0 2px 8px rgba(18,76,39,.06)}
.slhc-my-lists-add-footer>button b{font-size:9px;font-weight:600;white-space:nowrap}
.slhc-mylists-slot .sl-empty-my-lists~.slhc-my-lists-add-footer{display:none!important}


.slhc-lower-fold{flex:0 0 auto;width:100%;min-width:0;margin:0!important;padding:0 3px;display:block;position:relative;z-index:2147481200!important;isolation:isolate!important;pointer-events:auto!important}
.slhc-lower-fold-handle{position:relative;z-index:2147481201!important;width:100%;min-width:100%;height:34px;min-height:34px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;display:block;cursor:pointer;font:inherit;pointer-events:auto!important;touch-action:manipulation;list-style:none;outline:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}
.slhc-lower-fold-handle::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);background:#cfd7d2;pointer-events:none!important}
.slhc-lower-fold-caret{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:25px;height:25px;border-radius:50%;background:#cccccc;box-shadow:0 2px 6px rgba(22,45,31,.10);z-index:1;pointer-events:none}

.slhc-lower-fold-handle::-webkit-details-marker{display:none!important}
.slhc-lower-fold-handle::marker{content:''}
.slhc-lower-fold[open]>.slhc-lower-fold-body{display:flex!important}
.slhc-lower-fold:not([open])>.slhc-lower-fold-body{display:none!important}
.slhc-lower-fold[open]{display:block}
.slhc-lower-fold:not([open]){display:block}

.slhc-lower-fold-caret::before,.slhc-lower-fold-caret::after{content:"";position:absolute;left:50%;width:9px;height:9px;border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;transform-origin:center center}
.slhc-lower-fold[open] .slhc-lower-fold-caret::before{top:5px;transform:translateX(-50%) rotate(45deg)}
.slhc-lower-fold[open] .slhc-lower-fold-caret::after{top:10px;transform:translateX(-50%) rotate(45deg)}
.slhc-lower-fold:not([open]) .slhc-lower-fold-caret::before{top:10px;transform:translateX(-50%) rotate(225deg)}
.slhc-lower-fold:not([open]) .slhc-lower-fold-caret::after{top:5px;transform:translateX(-50%) rotate(225deg)}
.slhc-lower-fold-body{display:flex;flex-direction:column;gap:8px}
.slhc-lower-fold .slhc-app-dashboard .slhc-dashboard-handle{display:none!important}
.slhc-lower-fold:not([open]) .slhc-lower-fold-handle{margin-top:0;margin-bottom:0}

/* Dashboard: fixed three-column row. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-app-dashboard,
.slhc-shell-preview .send-list-app .slhc-app-dashboard{
  flex:0 0 auto;
  width:100%;
  min-width:0;
  margin:0!important;
  padding:0 3px;
}
.slhc-dashboard-handle{
  width:100%;
  min-height:34px;
  border:1px solid #e2ebe5;
  border-radius:14px;
  background:#fff;
  box-shadow:0 3px 12px rgba(28,58,36,.045);
  color:#56635b;
  padding:0 10px;
  cursor:pointer;
  font:inherit;
}
.slhc-dashboard-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;white-space:nowrap;overflow:hidden}
.slhc-dashboard-summary strong{font-size:10px;color:#243229}
.slhc-dashboard-summary em{font-style:normal;color:#77847c}
.slhc-dashboard-summary i{font-style:normal}
.slhc-dashboard-open-caret{display:none}
.slhc-app-dashboard.is-open .slhc-dashboard-handle{
  width:36px;min-height:12px;height:12px;margin:0 auto 2px;padding:0;border:0;background:transparent;box-shadow:none;display:grid;place-items:center
}
.slhc-app-dashboard.is-open .slhc-dashboard-summary{display:none}
.slhc-app-dashboard.is-open .slhc-dashboard-open-caret{display:block;font-size:11px;color:#9aa79f;line-height:1}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel{
  width:100%;
  min-width:0;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  justify-items:center!important;
  gap:8px!important;
  padding:0 4px 2px!important;
  overflow:visible!important;
}
.slhc-dashboard-panel[hidden]{display:none!important}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel>[data-slhc-layout-root],
.slhc-shell-preview .send-list-app .slhc-dashboard-panel>[data-slhc-layout-root]{
  width:min(100%,92px)!important;
  max-width:92px!important;
  min-width:0!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  margin:0!important;
  padding:8px 5px!important;
  border:1px solid #e4ebe6!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(26,66,38,.07)!important;
  overflow:hidden!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-section-head,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel .sl-section-head{
  width:100%!important;height:100%!important;margin:0!important;padding:0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-section-head h2,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel .sl-section-head h2{
  margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;
  font-size:17px!important;line-height:1!important;font-weight:800!important;color:#16251b!important;text-align:center!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-section-head h2 span,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel .sl-section-head h2 span{
  font-size:9px!important;line-height:1.05!important;font-weight:800!important;max-width:75px!important;white-space:normal!important;text-align:center!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-section-head small,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel .sl-section-head small{font-size:6.5px!important;line-height:1.05!important;color:#7b897f!important;max-width:70px!important}
.slhc-dashboard-panel [data-slhc-component="notifications"]>[data-sl-home-notification-list],
.slhc-dashboard-panel [data-slhc-component="sendagain"]>.sl-send-again-list,
.slhc-dashboard-panel [data-slhc-component="progress"] .sl-home-progress-track,
.slhc-dashboard-panel [data-slhc-component="progress"] .sl-progress-summary,
.slhc-dashboard-panel .sl-notification-view-all{display:none!important}
.slhc-dashboard-panel .sl-notification-widget-head-actions{position:absolute!important;top:4px!important;right:8px!important;margin:0!important;padding:0!important;z-index:2!important}
.slhc-dashboard-panel .sl-widget-badge{min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:99px!important;background:#079c4d!important;color:#fff!important;font-size:8px!important;line-height:17px!important;text-align:center!important}
.slhc-dashboard-panel [data-slhc-component="progress"]{background:conic-gradient(#0bae58 var(--slhc-progress,0%),#e7efe9 0)!important;padding:4px!important}
.slhc-dashboard-panel [data-slhc-component="progress"]>.sl-progress-widget-card{width:100%!important;height:100%!important;margin:0!important;padding:4px!important;border:0!important;border-radius:50%!important;background:#fff!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
.slhc-dashboard-panel .sl-progress-overall{font-size:7px!important;line-height:1.05!important;font-weight:800!important;color:#09a34f!important;max-width:70px!important;text-align:center!important}

/* Libraries + Offers: two compact launchers. Their real owner content opens
   as an overlay sheet so the fixed Home geometry never stretches. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-app-utility-rack,
.slhc-shell-preview .send-list-app .slhc-app-utility-rack{
  flex:0 0 46px;
  min-height:46px;
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:8px;
  margin:0!important;
  padding:0 3px;
  position:relative;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-app-utility-rack[data-slhc-utility-count="3"],
.slhc-shell-preview .send-list-app .slhc-app-utility-rack[data-slhc-utility-count="3"]{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.slhc-app-fold{min-width:0;position:relative}
.slhc-app-fold-trigger{width:100%;height:46px;border:1px solid #e2e8e4;border-radius:14px;background:#fff;box-shadow:0 4px 12px rgba(26,61,36,.045);padding:6px 9px;display:grid;grid-template-columns:26px minmax(0,1fr) 14px;gap:6px;align-items:center;text-align:start;color:#28352d;font:inherit;cursor:pointer}
.slhc-app-fold-trigger>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}
.slhc-app-fold-trigger strong{font-size:12px;line-height:1.05}.slhc-app-fold-trigger small{font-size:6.5px;color:#7b887f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slhc-app-fold-trigger i{font-style:normal;color:#7b887f;font-size:11px}.slhc-fold-icon{width:24px;height:24px;border-radius:8px;background:#eef2ff;color:#606cf1;display:grid;place-items:center;font-size:13px}.slhc-fold-icon.is-offer{background:#fff2e8;color:#ff7d1f}.slhc-fold-icon.is-tutorial{background:#fff0f0;color:#ef4444}
.slhc-app-fold-panel[hidden]{display:none!important}
.slhc-app-fold-sheet{display:flex;flex-direction:column;gap:10px}
.slhc-app-fold-toolbar{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px;padding:8px 10px 9px;background:#fff;border-bottom:1px solid #edf2ee}
.slhc-app-fold-toolbar strong{min-width:0;text-align:center;font-size:16px;line-height:1.2;color:#1e2c24;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slhc-app-fold-circle{width:36px;height:36px;border:1px solid #dfe7e1;border-radius:50%;background:#f5f8f6;color:#55625b;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 2px 6px rgba(20,52,31,.06)}
.slhc-app-fold-circle span{display:block;font-size:18px;line-height:1;font-weight:700}
.slhc-app-fold-circle.is-back span{font-size:17px;transform:translateX(-1px)}
.slhc-app-fold-circle.is-close span{font-size:20px;transform:translateY(-1px)}
.slhc-app-fold-content{display:flex;flex-direction:column;gap:10px}
.slhc-app-fold-panel{
  position:fixed!important;
  left:8px!important;
  right:8px!important;
  top:calc(env(safe-area-inset-top,0px) + 89px)!important;
  bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
  transform:none!important;
  width:auto!important;
  max-width:none!important;
  max-height:none!important;
  height:auto!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  z-index:2147481300!important;
  padding:0!important;
  border:1px solid #dde7df!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 -12px 36px rgba(15,54,29,.18)!important;
}
.slhc-app-fold-content{display:flex;flex-direction:column;gap:10px;padding:0 10px 10px!important}
.slhc-app-fold-content>[data-slhc-layout-root]{margin:0 0 10px!important}
.slhc-app-fold-content>[data-slhc-layout-root]:last-child{margin-bottom:0!important}

/* Keep Core bottom navigation above the fixed shell, but below open sheets. */
.send-list-app[data-slhc-layout-mode="live"] .sl-bottom-nav,
.slhc-shell-preview .send-list-app .sl-bottom-nav{z-index:2147481100!important}

@media(max-width:650px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-app-shell,
  .slhc-shell-preview .send-list-app .slhc-app-shell{padding:7px 7px 6px;gap:7px;min-height:390px}
  .send-list-app[data-slhc-layout-mode="live"] .sl-topbar,
  .slhc-shell-preview .send-list-app .sl-topbar{padding:8px 9px 7px!important;min-height:68px!important}
  .send-list-app[data-slhc-layout-mode="live"] .sl-brand-icon,
  .slhc-shell-preview .send-list-app .sl-brand-icon{width:42px!important;height:42px!important}
  .send-list-app[data-slhc-layout-mode="live"] .sl-brand-name,
  .slhc-shell-preview .send-list-app .sl-brand-name{font-size:22px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-app-primary,
  .slhc-shell-preview .send-list-app .slhc-app-primary{padding:7px;border-radius:0 0 25px 25px;gap:7px}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-search-slot .sl-unified-home-search-row,
  .slhc-shell-preview .send-list-app .slhc-search-slot .sl-unified-home-search-row{height:48px!important;min-height:48px!important;border-radius:16px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-search-slot .sl-browse-button,
  .slhc-shell-preview .send-list-app .slhc-search-slot .sl-browse-button{min-width:104px!important;padding-inline:8px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot>.sl-my-lists-widget,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot>.sl-my-lists-widget{padding:9px 9px 7px!important;border-radius:19px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-my-lists-head h2,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-my-lists-head h2{font-size:18px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel>[data-slhc-layout-root],
  .slhc-shell-preview .send-list-app .slhc-dashboard-panel>[data-slhc-layout-root]{max-width:82px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-section-head h2,
  .slhc-shell-preview .send-list-app .slhc-dashboard-panel .sl-section-head h2{font-size:15px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-section-head h2 span,
  .slhc-shell-preview .send-list-app .slhc-dashboard-panel .sl-section-head h2 span{font-size:8px!important;max-width:66px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-app-utility-rack,
  .slhc-shell-preview .send-list-app .slhc-app-utility-rack{flex-basis:42px;min-height:42px;gap:6px;padding:0 2px}
  .slhc-app-fold-trigger{height:42px;padding:5px 7px;grid-template-columns:23px minmax(0,1fr) 12px;gap:5px}.slhc-fold-icon{width:22px;height:22px}.slhc-app-fold-trigger strong{font-size:10.8px}.slhc-app-fold-trigger small{font-size:6px}
  .slhc-app-fold-toolbar{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;padding:7px 8px 8px}
  .slhc-app-fold-toolbar strong{font-size:15px}
  .slhc-app-fold-circle{width:32px;height:32px}
  .slhc-app-fold-circle span{font-size:16px}.slhc-app-fold-circle.is-close span{font-size:18px}
}

@media(max-width:390px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel>[data-slhc-layout-root],
  .slhc-shell-preview .send-list-app .slhc-dashboard-panel>[data-slhc-layout-root]{max-width:76px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-card{min-height:66px!important;padding-inline-end:34px!important;padding-inline-start:60px!important;grid-template-columns:minmax(0,1fr) 62px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card-icon,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-card-icon{width:38px!important;height:38px!important;left:13px!important}
  .send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card-icon,
  .slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot .sl-list-card-icon{left:auto!important;right:13px!important}
}

/* 0.024 — defensive shell-track reset. The PHP renderer no longer emits
   inline !important grid tracks, so dashboard children can actually occupy
   the three declared columns. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel > [data-slhc-layout-root],
.slhc-shell-preview .send-list-app .slhc-dashboard-panel > [data-slhc-layout-root]{
  grid-column:auto!important;
  grid-row:auto!important;
  order:initial!important;
  align-self:center!important;
  justify-self:center!important;
}


/* ========================================================================
   0.025 — Mobile Visual Refinement
   Presentation-only refinement over 0.024. No Core logic, data, ownership,
   search, sharing, account, list or database behavior is changed.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"],
.slhc-shell-preview .send-list-app{
  --slhc-gap:6px;
  background:#f7fbf8!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-app-shell,
.slhc-shell-preview .send-list-app .slhc-app-shell{
  gap:6px;
  padding:6px 8px 6px;
  background:#f7fbf8;
}

/* Softer green work surface: keep the app identity without a heavy frame. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-app-primary,
.slhc-shell-preview .send-list-app .slhc-app-primary{
  gap:6px;
  padding:6px;
  border-radius:0 0 24px 24px;
  background:linear-gradient(180deg,#079a4b 0%,#0db65a 100%);
  box-shadow:0 10px 24px rgba(13,113,58,.075);
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-search-slot .sl-unified-home-search-row,
.slhc-shell-preview .send-list-app .slhc-search-slot .sl-unified-home-search-row{
  border:0!important;
  border-radius:19px!important;
  box-shadow:0 3px 11px rgba(20,73,41,.055)!important;
}

/* My Lists is the visual hero. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot>.sl-my-lists-widget,
.slhc-shell-preview .send-list-app .slhc-mylists-slot>.sl-my-lists-widget{
  padding:12px 11px 9px!important;
  border:0!important;
  border-radius:20px!important;
  box-shadow:0 4px 14px rgba(24,73,40,.055)!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-my-lists-head,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-my-lists-head{
  min-height:36px!important;
  margin:0 0 6px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-empty-my-lists,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-empty-my-lists{
  min-height:0!important;
  border:1px dashed #c2cec6!important;
  border-radius:18px!important;
  background:#fff!important;
  padding:14px!important;
}
/* Defensive hide in case older cached markup still contains the footer. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:has(.sl-empty-my-lists) .slhc-my-lists-add-footer,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:has(.sl-empty-my-lists) .slhc-my-lists-add-footer{
  display:none!important;
}

/* Dashboard: slightly larger, closer and more legible while preserving one row. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-app-dashboard,
.slhc-shell-preview .send-list-app .slhc-app-dashboard{
  padding:0 8px;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel{
  gap:6px!important;
  padding:0 1px 1px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel>[data-slhc-layout-root],
.slhc-shell-preview .send-list-app .slhc-dashboard-panel>[data-slhc-layout-root]{
  width:min(100%,98px)!important;
  max-width:98px!important;
  padding:8px 6px!important;
  border:1px solid #e3eae5!important;
  box-shadow:0 6px 15px rgba(26,66,38,.06)!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-section-head h2,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel .sl-section-head h2{
  font-size:18px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-section-head h2 span,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel .sl-section-head h2 span{
  font-size:9.5px!important;
  line-height:1.08!important;
  max-width:80px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-section-head small,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel .sl-section-head small{
  font-size:7px!important;
  max-width:78px!important;
}
.slhc-dashboard-panel [data-slhc-component="progress"]{
  background:conic-gradient(#0bae58 var(--slhc-progress,0%),#e6eee8 0)!important;
  padding:5px!important;
}
.slhc-dashboard-panel [data-slhc-component="progress"]>.sl-progress-widget-card{
  padding:5px!important;
}
.slhc-dashboard-panel .sl-progress-overall{
  font-size:7.4px!important;
  max-width:76px!important;
}
.slhc-app-dashboard.is-open .slhc-dashboard-handle{
  margin:0 auto 0!important;
}

/* Utility folds: a little taller and more readable, still clearly secondary. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-app-utility-rack,
.slhc-shell-preview .send-list-app .slhc-app-utility-rack{
  flex-basis:48px;
  min-height:48px;
  gap:7px;
  padding:0 7px;
}
.slhc-app-fold-trigger{
  height:48px;
  border-radius:15px;
  padding:6px 9px;
  grid-template-columns:27px minmax(0,1fr) 14px;
  gap:7px;
  box-shadow:0 3px 10px rgba(26,61,36,.04);
}
.slhc-app-fold-trigger strong{font-size:10.5px}
.slhc-app-fold-trigger small{font-size:6.8px}
.slhc-fold-icon{width:25px;height:25px}

/* Header controls: slightly lighter and tighter on phones. */
@media(max-width:650px){
  .send-list-app[data-slhc-layout-mode="live"] .sl-topbar,
  .slhc-shell-preview .send-list-app .sl-topbar{
    min-height:64px!important;
    padding:7px 8px 6px!important;
  }
  .send-list-app[data-slhc-layout-mode="live"] .sl-brand-icon,
  .slhc-shell-preview .send-list-app .sl-brand-icon{
    width:40px!important;height:40px!important;
  }
  .send-list-app[data-slhc-layout-mode="live"] .sl-brand-name,
  .slhc-shell-preview .send-list-app .sl-brand-name{
    font-size:21px!important;
  }
  .send-list-app[data-slhc-layout-mode="live"] .sl-compact-select,
  .slhc-shell-preview .send-list-app .sl-compact-select{
    min-height:40px!important;
    border-radius:13px!important;
    padding-inline:7px!important;
  }
  .send-list-app[data-slhc-layout-mode="live"] .sl-user-account-button,
  .slhc-shell-preview .send-list-app .sl-user-account-button{
    min-width:42px!important;
    min-height:42px!important;
  }

  .send-list-app[data-slhc-layout-mode="live"] .slhc-app-shell,
  .slhc-shell-preview .send-list-app .slhc-app-shell{
    padding:6px 6px 5px;
    gap:6px;
  }
  .send-list-app[data-slhc-layout-mode="live"] .slhc-app-primary,
  .slhc-shell-preview .send-list-app .slhc-app-primary{
    padding:6px;
    gap:6px;
    border-radius:0 0 23px 23px;
  }
  .send-list-app[data-slhc-layout-mode="live"] .slhc-search-slot .sl-unified-home-search-row,
  .slhc-shell-preview .send-list-app .slhc-search-slot .sl-unified-home-search-row{
    height:47px!important;
    min-height:47px!important;
    border-radius:17px!important;
  }
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot>.sl-my-lists-widget,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot>.sl-my-lists-widget{
    padding:10px 10px 8px!important;
    border-radius:18px!important;
  }
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-my-lists-head h2,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-my-lists-head h2{
    font-size:18.5px!important;
  }
  .send-list-app[data-slhc-layout-mode="live"] .slhc-app-dashboard,
  .slhc-shell-preview .send-list-app .slhc-app-dashboard{
    padding:0 7px;
  }
  .send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel>[data-slhc-layout-root],
  .slhc-shell-preview .send-list-app .slhc-dashboard-panel>[data-slhc-layout-root]{
    width:min(100%,90px)!important;
    max-width:90px!important;
  }
  .send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-section-head h2,
  .slhc-shell-preview .send-list-app .slhc-dashboard-panel .sl-section-head h2{
    font-size:16px!important;
  }
  .send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-section-head h2 span,
  .slhc-shell-preview .send-list-app .slhc-dashboard-panel .sl-section-head h2 span{
    font-size:8.8px!important;
    max-width:72px!important;
  }
  .send-list-app[data-slhc-layout-mode="live"] .slhc-app-utility-rack,
  .slhc-shell-preview .send-list-app .slhc-app-utility-rack{
    flex-basis:46px;min-height:46px;gap:6px;padding:0 6px;
  }
  .slhc-app-fold-trigger{height:46px;padding:5px 8px;grid-template-columns:24px minmax(0,1fr) 12px;gap:6px}
  .slhc-app-fold-trigger strong{font-size:9.8px}
  .slhc-app-fold-trigger small{font-size:6.4px}
  .slhc-fold-icon{width:23px;height:23px}

  /* Ask Listy/check launcher stays functional but no longer dominates the rack. */
  .send-list-app[data-slhc-layout-mode="live"] .sl-listy,
  .slhc-shell-preview .send-list-app .sl-listy{
    right:8px!important;
    bottom:calc(var(--sl-bottom-nav-height,78px) + 6px + env(safe-area-inset-bottom,0px))!important;
  }
  .send-list-app[data-slhc-layout-mode="live"] .sl-listy-launch,
  .slhc-shell-preview .send-list-app .sl-listy-launch{
    min-height:42px!important;
    padding:5px!important;
    box-shadow:0 7px 18px rgba(24,88,39,.20)!important;
  }
  .send-list-app[data-slhc-layout-mode="live"] .sl-listy-launch img,
  .send-list-app[data-slhc-layout-mode="live"] .sl-listy-launch>span,
  .slhc-shell-preview .send-list-app .sl-listy-launch img,
  .slhc-shell-preview .send-list-app .sl-listy-launch>span{
    width:32px!important;height:32px!important;font-size:18px!important;
  }

  /* Bottom nav: preserve Core behavior, only reduce visual competition. */
  .send-list-app[data-slhc-layout-mode="live"] .sl-bottom-nav .sl-floating-add i,
  .slhc-shell-preview .send-list-app .sl-bottom-nav .sl-floating-add i{
    width:52px!important;height:52px!important;font-size:29px!important;
  }
  .send-list-app[data-slhc-layout-mode="live"] .sl-bottom-nav .sl-floating-add,
  .slhc-shell-preview .send-list-app .sl-bottom-nav .sl-floating-add{
    transform:translateY(-8px)!important;
  }
}

@media(max-width:390px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel>[data-slhc-layout-root],
  .slhc-shell-preview .send-list-app .slhc-dashboard-panel>[data-slhc-layout-root]{
    max-width:84px!important;
  }
}

/* ========================================================================
   0.026 — My Lists List / Square View Switch
   Presentation only. Core continues to own list data and all card behavior.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-my-lists-view-switch,
.slhc-shell-preview .send-list-app .slhc-my-lists-view-switch{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:2px!important;
  padding:2px!important;
  margin-inline-start:7px!important;
  border:1px solid #e0e7e2!important;
  border-radius:10px!important;
  background:#f5f8f6!important;
  box-shadow:none!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-my-lists-view-switch button,
.slhc-shell-preview .send-list-app .slhc-my-lists-view-switch button{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  color:#7b8880!important;
  font:700 18px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  cursor:pointer!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-my-lists-view-switch button.is-active,
.slhc-shell-preview .send-list-app .slhc-my-lists-view-switch button.is-active{
  background:#fff!important;
  color:#079447!important;
  box-shadow:0 1px 4px rgba(19,78,43,.12)!important;
}

/* Square/grid mode. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-list-cards,
.slhc-shell-preview .send-list-app .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-list-cards{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:max-content!important;
  align-content:start!important;
  gap:8px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-list-card-wrap,
.slhc-shell-preview .send-list-app .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-list-card-wrap{
  width:auto!important;
  min-width:0!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-list-card,
.slhc-shell-preview .send-list-app .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-list-card{
  aspect-ratio:1 / 1!important;
  min-height:0!important;
  height:auto!important;
  padding:28px 10px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:17px!important;
  overflow:visible!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-list-card-icon,
.slhc-shell-preview .send-list-app .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-list-card-icon{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  flex:0 0 auto!important;
  width:48px!important;
  height:48px!important;
  margin:0 auto!important;
  border-radius:14px!important;
  font-size:24px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-list-card h3,
.slhc-shell-preview .send-list-app .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-list-card h3{
  width:100%!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.22!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-progress,
.slhc-shell-preview .send-list-app .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-progress{
  width:78%!important;
  height:4px!important;
  margin:1px auto 0!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-list-meta,
.slhc-shell-preview .send-list-app .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-list-meta{
  width:100%!important;
  margin:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  font-size:8px!important;
  line-height:1.1!important;
  text-align:center!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-list-meta span:first-child,
.slhc-shell-preview .send-list-app .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-list-meta span:first-child{
  font-size:10px!important;
}

@media(max-width:390px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-my-lists-view-switch,
  .slhc-shell-preview .send-list-app .slhc-my-lists-view-switch{margin-inline-start:4px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-my-lists-view-switch button,
  .slhc-shell-preview .send-list-app .slhc-my-lists-view-switch button{width:25px!important;height:25px!important;min-width:25px!important;font-size:16px!important}
}

/* ========================================================================
   0.027 — My Lists Quick Add Fold
   Empty state: four actions are expanded. Populated state: compact + fold.
   Actions are presentation shortcuts to existing Core-owned controls only.
   ======================================================================== */
.slhc-my-lists-quick-add{
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  margin-top:6px!important;
}
.slhc-my-lists-quick-add-trigger{
  width:100%!important;
  min-height:32px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  display:grid!important;
  grid-template-columns:1fr auto auto 1fr!important;
  align-items:center!important;
  gap:7px!important;
  color:#7b8780!important;
  font:inherit!important;
  cursor:pointer!important;
}
.slhc-my-lists-quick-add-trigger>span{
  height:1px!important;
  background:#dfe5e1!important;
}
.slhc-my-lists-quick-add-trigger>i{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #dce6df!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#0aa451!important;
  box-shadow:0 2px 7px rgba(18,76,39,.06)!important;
  font:400 19px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-style:normal!important;
  transition:transform .18s ease!important;
}
.slhc-my-lists-quick-add.is-open .slhc-my-lists-quick-add-trigger>i{transform:rotate(45deg)!important}
.slhc-my-lists-quick-add-trigger>b{
  font-size:9px!important;
  line-height:1!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
.slhc-my-lists-quick-add-panel{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  padding:2px 1px 0!important;
}
.slhc-my-lists-quick-add-panel[hidden]{display:none!important}
.slhc-my-lists-quick-add-panel>button{
  min-width:0!important;
  min-height:43px!important;
  padding:7px 10px!important;
  border:1px solid #e0e6e2!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(30,67,41,.035)!important;
  color:#647168!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font:inherit!important;
  cursor:pointer!important;
}
.slhc-my-lists-quick-add-panel>button i{
  flex:0 0 auto!important;
  color:#6f7c75!important;
  font:400 18px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-style:normal!important;
}
.slhc-my-lists-quick-add-panel>button span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10px!important;
  font-weight:600!important;
}
/* Empty state: actions are always open and the fold trigger disappears. */
.slhc-my-lists-quick-add.is-empty .slhc-my-lists-quick-add-trigger{display:none!important}
.slhc-my-lists-quick-add.is-empty .slhc-my-lists-quick-add-panel{display:grid!important}
/* The legacy 0.025/0.026 single Add footer is superseded by this contract. */
.slhc-my-lists-add-footer{display:none!important}

@media(max-width:390px){
  .slhc-my-lists-quick-add-panel{gap:7px!important}
  .slhc-my-lists-quick-add-panel>button{min-height:40px!important;padding:6px 7px!important;gap:6px!important}
  .slhc-my-lists-quick-add-panel>button i{font-size:16px!important}
  .slhc-my-lists-quick-add-panel>button span{font-size:9.3px!important}
}


/* ========================================================================
   0.028 — My Lists List View Header Fade & Spacing Polish
   Only affects My Lists in list mode. Grid/square mode is unchanged.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card::before,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card::before{
  height:41px!important;
  border-bottom:0!important;
  background:linear-gradient(180deg,rgba(128,128,128,.09) 0%,rgba(245,247,245,.04) 58%,rgba(255,255,255,0) 100%)!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  padding:9px 38px 9px 72px!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  padding:9px 72px 9px 38px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{
  left:24px!important;
  width:38px!important;
  height:38px!important;
  font-size:20px!important;
  border-radius:11px!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{
  left:auto!important;
  right:24px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle{
  left:9px!important;
  top:7px!important;
  transform:scale(.72)!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle{
  left:auto!important;
  right:9px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3{
  margin-inline-start:0!important;
}
@media(max-width:390px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{padding-left:69px!important}
  .send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
  .slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{padding-right:69px!important;padding-left:38px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{left:22px!important;width:37px!important;height:37px!important}
  .send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
  .slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{left:auto!important;right:22px!important}
}


/* ========================================================================
   0.029 — My Lists List View Spacing & Progress Polish
   Presentation only, list view only. Grid/square mode remains unchanged.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  min-height:78px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  column-gap:10px!important;
  row-gap:6px!important;
  padding:10px 36px 10px 82px!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  padding:10px 82px 10px 36px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle{
  left:8px!important;
  top:8px!important;
  transform:scale(.70)!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle{
  left:auto!important;
  right:8px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{
  left:28px!important;
  width:34px!important;
  height:34px!important;
  font-size:18px!important;
  border-radius:10px!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{
  left:auto!important;
  right:28px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3{
  grid-column:1 / -1!important;
  grid-row:1!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress{
  grid-column:1!important;
  grid-row:2!important;
  align-self:center!important;
  margin:0!important;
  width:100%!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-meta,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-meta{
  grid-column:2!important;
  grid-row:2!important;
  margin:0!important;
  min-width:34px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
  text-align:end!important;
  align-self:center!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-meta,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-meta{
  justify-content:flex-start!important;
  text-align:start!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-meta span:last-child,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-meta span:last-child{
  display:none!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-meta span:first-child,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-meta span:first-child{
  font-size:11px!important;
  font-weight:800!important;
  color:#66746d!important;
}
@media(max-width:390px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{padding-left:79px!important}
  .send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
  .slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{padding-right:79px!important;padding-left:36px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{left:27px!important;width:33px!important;height:33px!important}
  .send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
  .slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{left:auto!important;right:27px!important}
}


/* ========================================================================
   0.030 — My Lists List View Compact Spacing & Title Limit
   Presentation only, list view only. Grid/square mode is unchanged.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  min-height:72px!important;
  row-gap:5px!important;
  padding:8px 34px 8px 82px!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  padding:8px 82px 8px 34px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{
  left:31px!important;
  width:31px!important;
  height:31px!important;
  font-size:17px!important;
  border-radius:9px!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{
  left:auto!important;
  right:31px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3{
  grid-column:1!important;
  grid-row:1!important;
  padding-inline-start:5px!important;
  padding-inline-end:54px!important;
  max-width:100%!important;
  font-size:12.7px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress{
  width:100%!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-meta,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-meta{
  min-width:30px!important;
}
@media(max-width:390px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{padding-left:80px!important;padding-right:34px!important}
  .send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
  .slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{padding-right:80px!important;padding-left:34px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{left:30px!important;width:30px!important;height:30px!important;font-size:16px!important}
  .send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
  .slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{left:auto!important;right:30px!important}
}


/* ========================================================================
   0.031 — My Lists List View Deep Spacing Refinement
   Presentation only, list view only. Grid/square mode remains unchanged.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-cards,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-cards{
  gap:3px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  min-height:70px!important;
  row-gap:4px!important;
  padding:7px 34px 7px 90px!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  padding:7px 90px 7px 34px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{
  left:35px!important;
  width:28px!important;
  height:28px!important;
  font-size:15px!important;
  border-radius:9px!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{
  left:auto!important;
  right:35px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3{
  padding-inline-start:10px!important;
  padding-inline-end:56px!important;
  font-size:12.5px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress{
  margin-inline-start:10px!important;
  width:calc(100% - 10px)!important;
}
@media(max-width:390px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{padding-left:88px!important;padding-right:34px!important}
  .send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
  .slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{padding-right:88px!important;padding-left:34px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{left:34px!important;width:27px!important;height:27px!important;font-size:14px!important}
  .send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
  .slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{left:auto!important;right:34px!important}
}


/* ========================================================================
   0.032 — My Lists List View Zero Gap & Icon Downscale
   Presentation only, list view only. Grid/square mode remains unchanged.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-cards,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-cards{
  gap:0!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-wrap,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-wrap{
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  min-height:68px!important;
  padding:7px 34px 7px 88px!important;
}
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  min-height:68px!important;
  padding:7px 34px 7px 88px!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  padding:7px 88px 7px 34px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{
  left:37px!important;
  width:24px!important;
  height:24px!important;
  font-size:13px!important;
  border-radius:8px!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{
  left:auto!important;
  right:37px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3{
  padding-inline-start:12px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress{
  margin-inline-start:12px!important;
  width:calc(100% - 12px)!important;
}
@media(max-width:390px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{padding-left:86px!important;padding-right:34px!important}
  .send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
  .slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{padding-right:86px!important;padding-left:34px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{left:36px!important;width:23px!important;height:23px!important;font-size:12px!important}
  .send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
  .slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{left:auto!important;right:36px!important}
}


/* ========================================================================
   0.033 — My Lists List View 3px Row Gap
   Single visual change over 0.032: list-mode rows use exactly 3px gap.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-cards,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-cards{
  gap:3px!important;
}


/* 0.034 — My Lists list-row gap 5px. Presentation only. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-cards,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-cards{
  gap:5px!important;
}


/* ========================================================================
   0.035 — My Lists List View Featured Badge Position Polish
   Presentation only, list view only. Grid/square mode remains unchanged.
   The featured badge sits below the drag handle, aligned with it,
   and slightly overlaps the lower edge of the icon box.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-wrap,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-wrap{
  overflow:visible!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-badge,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-badge{
  top:41px!important;
  left:12px!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:16!important;
  max-width:68px!important;
  padding:4px 8px!important;
  border-radius:12px!important;
  box-shadow:0 3px 10px rgba(20,40,25,.12)!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-badge,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-badge{
  left:auto!important;
  right:12px!important;
}
@media(max-width:390px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-badge,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-badge{top:40px!important;left:11px!important;max-width:64px!important}
  .send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-badge,
  .slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-badge{left:auto!important;right:11px!important}
}


/* ========================================================================
   0.036 — My Lists List View Icon Downscale & Longer Title Width
   Presentation only, list view only. Grid/square mode remains unchanged.
   - Reduce the list icon by another visual ~10%.
   - Allow a longer title before truncation (about 10 more characters visually).
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  padding:7px 34px 7px 84px!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  padding:7px 84px 7px 34px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{
  left:39px!important;
  width:21px!important;
  height:21px!important;
  font-size:11px!important;
  border-radius:7px!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{
  left:auto!important;
  right:39px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3{
  padding-inline-start:10px!important;
  padding-inline-end:34px!important;
  max-width:none!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress{
  margin-inline-start:10px!important;
  width:calc(100% - 10px)!important;
}
@media(max-width:390px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{padding-left:82px!important;padding-right:34px!important}
  .send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
  .slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{padding-right:82px!important;padding-left:34px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{left:38px!important;width:20px!important;height:20px!important;font-size:10px!important}
  .send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
  .slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{left:auto!important;right:38px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3{padding-inline-end:30px!important}
}


/* ========================================================================
   0.037 — My Lists List View True Icon Downscale & Balanced Margins
   Presentation only, list view only. Grid/square view remains unchanged.
   This explicitly downsizes the icon box AND the inner glyph/image,
   while preserving cleaner spacing between drag handle, icon, and title.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  padding:7px 34px 7px 82px!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  padding:7px 82px 7px 34px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle{
  left:10px!important;
  top:8px!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle{
  left:auto!important;
  right:10px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{
  left:35px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:4px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{
  left:auto!important;
  right:35px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon-glyph,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon-glyph{
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  font-size:22px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon-glyph img,
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon-glyph svg,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon-glyph img,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon-glyph svg{
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3{
  padding-inline-start:8px!important;
  padding-inline-end:34px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress{
  margin-inline-start:8px!important;
  width:calc(100% - 8px)!important;
}
@media(max-width:390px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{padding-left:80px!important;padding-right:34px!important}
  .send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
  .slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{padding-right:80px!important;padding-left:34px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{left:34px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .send-list-app[dir="rtl"][data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
  .slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{left:auto!important;right:34px!important}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon-glyph,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon-glyph,
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon-glyph img,
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon-glyph svg,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon-glyph img,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon-glyph svg{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;font-size:20px!important}
}


/* ========================================================================
   0.039 — My Lists List View Alignment Root Fix
   Built from 0.037 (0.038 intentionally skipped/rejected).
   Presentation only, list view only.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  padding-top:8px!important;
  padding-bottom:8px!important;
  align-content:start!important;
  row-gap:3px!important;
}

/* All top-row elements share the same visual top line. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle{
  top:8px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{
  top:8px!important;
  transform:none!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-top-actions,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-top-actions{
  top:8px!important;
}

/* Title and progress start as a compact vertical pair. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3{
  margin:0!important;
  align-self:start!important;
  line-height:1.18!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress{
  margin-top:0!important;
  align-self:start!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-meta,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-meta{
  align-self:start!important;
  margin-top:0!important;
}

@media(max-width:390px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{
    top:8px!important;
    transform:none!important;
  }
}


/* ========================================================================
   0.041 — My Lists Compact Card Height Root Fix
   Built directly from 0.039; 0.040 is intentionally not inherited.
   Presentation only, list view only.
   Goal: reduce the card itself rather than pushing the progress line down.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  min-height:62px!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
  row-gap:2px!important;
  align-content:start!important;
}

.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle,
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-top-actions,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-top-actions{
  top:6px!important;
}

/* Keep title and progress together; do not lower the progress line. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3{
  margin:0!important;
  line-height:1.16!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress{
  margin-top:0!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-meta,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-meta{
  margin-top:0!important;
}

@media(max-width:390px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
    min-height:60px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle,
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-top-actions,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-top-actions{
    top:5px!important;
  }
}


/* ========================================================================
   0.042 — My Lists Fixed 56px Height with Balanced Vertical Alignment
   Built over 0.041. List view only.
   - Force each list card to 56px height.
   - Keep top and bottom spacing visually balanced for all row elements.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
  min-height:56px!important;
  height:56px!important;
  padding-top:5px!important;
  padding-bottom:5px!important;
  row-gap:2px!important;
  align-content:center!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-drag-handle,
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-top-actions,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-card-top-actions{
  top:5px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card-icon{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card h3{
  margin:0!important;
  line-height:1.14!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-progress,
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-meta,
.slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-meta{
  margin-top:0!important;
  margin-bottom:0!important;
}
@media(max-width:390px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card,
  .slhc-shell-preview .send-list-app .slhc-mylists-slot:not([data-slhc-list-view="grid"]) .sl-list-card{
    min-height:56px!important;
    height:56px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
}


/* ========================================================================
   0.043 — Grid Cards Header Line Removal & Soft Fade
   Built over 0.042. Applies only to My Lists grid/square view.
   Removes the hard divider under the header area and replaces it with
   a soft fade that reaches zero opacity toward the bottom.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-list-card::before,
.slhc-shell-preview .send-list-app .slhc-mylists-slot[data-slhc-list-view="grid"] .sl-list-card::before{
  border-bottom:0!important;
  background:linear-gradient(180deg,rgba(132,146,138,.12) 0%,rgba(244,247,244,.06) 62%,rgba(255,255,255,0) 100%)!important;
}


/* ========================================================================
   0.044 — Dashboard circles icon scale, progress label, and badge position
   Presentation only. Keeps Core logic and data ownership unchanged.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel>[data-slhc-layout-root],
.slhc-shell-preview .send-list-app .slhc-dashboard-panel>[data-slhc-layout-root]{
  overflow:visible!important;
}

/* Enlarge the top icon glyph visually by ~30% while preserving the label size. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-section-head h2,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel .sl-section-head h2{
  font-size:23px!important;
  gap:3px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-section-head h2 span,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel .sl-section-head h2 span{
  font-size:9.5px!important;
  line-height:1.06!important;
}

/* Notification count badge: move partially outside the circle (about 30%). */
.slhc-dashboard-panel .sl-notification-widget-head-actions{
  top:8px!important;
  right:8px!important;
  transform:translate(30%,-30%)!important;
  z-index:5!important;
}
.slhc-dashboard-panel .sl-widget-badge{
  min-width:18px!important;
  height:18px!important;
  padding:0 5px!important;
  line-height:18px!important;
  font-size:8px!important;
  box-shadow:0 2px 8px rgba(15,105,54,.18)!important;
}

/* Progress card: make the circular progress ring more visible. */
.slhc-dashboard-panel [data-slhc-component="progress"]{
  padding:6px!important;
  background:conic-gradient(#0bae58 var(--slhc-progress,0%),#e6eee8 0)!important;
  box-shadow:0 7px 18px rgba(26,66,38,.08)!important;
}
.slhc-dashboard-panel [data-slhc-component="progress"]>.sl-progress-widget-card{
  padding:5px!important;
}

@media(max-width:430px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-section-head h2,
  .slhc-shell-preview .send-list-app .slhc-dashboard-panel .sl-section-head h2{
    font-size:21px!important;
  }
}


/* ========================================================================
   0.045 — Progress Circle Percentage-Only Status
   Dashboard presentation only.
   Show only the live percentage under Progress, 30% larger than 0.044.
   ======================================================================== */
.slhc-dashboard-panel [data-slhc-component="progress"] .sl-progress-overall{
  font-size:9.6px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#09a34f!important;
  max-width:72px!important;
  white-space:nowrap!important;
  text-align:center!important;
}


/* ========================================================================
   0.046 — Progress circle ring indicator & remove green overall text
   Dashboard presentation only.
   Replace the green Overall Progress text with a clearer outer ring indicator.
   ======================================================================== */
.slhc-dashboard-panel [data-slhc-component="progress"]{
  padding:8px!important;
  border-radius:50%!important;
  background:conic-gradient(#10b45a var(--slhc-progress,0%), #e3ebe5 0)!important;
  box-shadow:0 8px 18px rgba(20,56,33,.10)!important;
}
.slhc-dashboard-panel [data-slhc-component="progress"]>.sl-progress-widget-card{
  padding:7px!important;
  border-radius:50%!important;
  background:#fff!important;
}
.slhc-dashboard-panel [data-slhc-component="progress"] .sl-progress-overall,
.slhc-dashboard-panel [data-slhc-component="progress"] .sl-progress-summary,
.slhc-dashboard-panel [data-slhc-component="progress"] .sl-home-progress-track{
  display:none!important;
}


/* ========================================================================
   0.047 — True progress ring + live percentage recovery
   Make the outer circle itself the progress ring, keep only the percentage,
   and remove dependency on the inner green phrase layout.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel>[data-slhc-component="progress"][data-slhc-layout-root],
.slhc-shell-preview .send-list-app .slhc-dashboard-panel>[data-slhc-component="progress"][data-slhc-layout-root]{
  background:conic-gradient(#13b55d var(--slhc-progress,0%), #e2ebe5 0)!important;
  border:0!important;
  padding:7px!important;
  border-radius:50%!important;
  box-shadow:0 8px 18px rgba(21,63,36,.10)!important;
  position:relative!important;
  overflow:visible!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel>[data-slhc-component="progress"][data-slhc-layout-root]>.sl-progress-widget-card,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel>[data-slhc-component="progress"][data-slhc-layout-root]>.sl-progress-widget-card{
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  background:#fff!important;
  padding:7px 7px 8px!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel>[data-slhc-component="progress"] .sl-home-progress-track,
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel>[data-slhc-component="progress"] .sl-progress-summary,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel>[data-slhc-component="progress"] .sl-home-progress-track,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel>[data-slhc-component="progress"] .sl-progress-summary{
  display:none!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel>[data-slhc-component="progress"] .sl-progress-overall,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel>[data-slhc-component="progress"] .sl-progress-overall{
  display:block!important;
  margin-top:2px!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#18241b!important;
  white-space:nowrap!important;
  text-align:center!important;
}


/* ========================================================================
   0.048 — Progress percentage cleanup and green color recovery
   Keep only the percentage, remove any residual "Overall Progress" wording,
   and restore the percentage color to green.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel>[data-slhc-component="progress"] .sl-progress-overall,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel>[data-slhc-component="progress"] .sl-progress-overall{
  color:#0aa34c!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  text-align:center!important;
}


/* ========================================================================
   0.049 — Progress runtime text guard + ring stabilization
   Keep the compact dashboard copy stable even when Core refreshes shared UI.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel>[data-slhc-component="progress"] .sl-progress-overall,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel>[data-slhc-component="progress"] .sl-progress-overall{
  display:block!important;
  color:#0aa34c!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:900!important;
  max-width:56px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  text-align:center!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel>[data-slhc-component="progress"][data-slhc-layout-root],
.slhc-shell-preview .send-list-app .slhc-dashboard-panel>[data-slhc-component="progress"][data-slhc-layout-root]{
  background:conic-gradient(#13b55d var(--slhc-progress,0%),#e1eae4 0)!important;
}


/* ========================================================================
   0.051 — Send Again safe presentation recovery
   Built directly from stable 0.049. No observer is attached to the whole
   Send Again component, preventing a runtime feedback loop.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel [data-slhc-component="sendagain"] .sl-section-head h2,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel [data-slhc-component="sendagain"] .sl-section-head h2{
  font-size:0!important;
  gap:3px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel [data-slhc-component="sendagain"] .sl-section-head h2::before,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel [data-slhc-component="sendagain"] .sl-section-head h2::before{
  content:'➤';
  display:block!important;
  font-size:23px!important;
  line-height:1!important;
  color:#1f2a22!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel [data-slhc-component="sendagain"] .sl-section-head h2 span,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel [data-slhc-component="sendagain"] .sl-section-head h2 span{
  font-size:9.5px!important;
  line-height:1.06!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel [data-slhc-component="sendagain"] .sl-section-head small,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel [data-slhc-component="sendagain"] .sl-section-head small{
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#f19a18!important;
  max-width:none!important;
  text-align:center!important;
  white-space:nowrap!important;
}


/* ========================================================================
   0.052 — Send Again branded paper-plane icon polish
   Replace the plain glyph with a tilted green paper-plane closer to the
   Send Listy logo language.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel [data-slhc-component="sendagain"] .sl-section-head h2::before,
.slhc-shell-preview .send-list-app .slhc-dashboard-panel [data-slhc-component="sendagain"] .sl-section-head h2::before{
  content:''!important;
  display:block!important;
  width:24px!important;
  height:24px!important;
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%22g1%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23b7f06d%22/%3E%0A%20%20%20%20%3Cstop%20offset%3D%2255%25%22%20stop-color%3D%22%2377d93f%22/%3E%0A%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232ea53a%22/%3E%0A%20%20%3C/linearGradient%3E%0A%20%20%3ClinearGradient%20id%3D%22g2%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23e1ff99%22/%3E%0A%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2386e04d%22/%3E%0A%20%20%3C/linearGradient%3E%0A%20%20%3ClinearGradient%20id%3D%22g3%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%235fcf43%22/%3E%0A%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%231c8d32%22/%3E%0A%20%20%3C/linearGradient%3E%0A%3C/defs%3E%0A%3Cg%20transform%3D%22rotate%28-18%2032%2032%29%22%3E%0A%20%20%3Cpath%20d%3D%22M7%2031L55%2010c1.8-.8%203.6%201.1%202.7%202.8L37%2057c-.9%201.9-3.7%201.7-4.3-.3l-4.2-13.9-14-4.3c-2-.6-2.2-3.4-.5-4.2z%22%20fill%3D%22url%28%23g1%29%22/%3E%0A%20%20%3Cpath%20d%3D%22M18%2036l31-18-18%2031-3.6-11.6L18%2036z%22%20fill%3D%22url%28%23g2%29%22/%3E%0A%20%20%3Cpath%20d%3D%22M28.1%2037.4L49%2018%2031%2031.1%2028.1%2037.4z%22%20fill%3D%22url%28%23g3%29%22%20opacity%3D%22.95%22/%3E%0A%3C/g%3E%0A%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  filter:drop-shadow(0 1px 2px rgba(25,95,33,.18))!important;
  transform:translateY(1px)!important;
}
@media(max-width:430px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-panel [data-slhc-component="sendagain"] .sl-section-head h2::before,
  .slhc-shell-preview .send-list-app .slhc-dashboard-panel [data-slhc-component="sendagain"] .sl-section-head h2::before{
    width:22px!important;
    height:22px!important;
  }
}


/* ========================================================================
   0.053 — Dashboard circle floating panel activation
   Clicking any dashboard circle opens a floating panel using the same Core-
   owned content, without moving ownership or logic away from Core.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-activator,
.slhc-shell-preview .send-list-app .slhc-dashboard-activator{
  cursor:pointer!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-overlay,
.slhc-shell-preview .send-list-app .slhc-dashboard-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-backdrop,
.slhc-shell-preview .send-list-app .slhc-dashboard-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(18,24,20,.28)!important;
  backdrop-filter:blur(3px)!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(92vw,430px)!important;
  max-height:min(76vh,620px)!important;
  overflow:auto!important;
  background:#fff!important;
  border-radius:22px!important;
  box-shadow:0 22px 70px rgba(15,31,21,.22)!important;
  padding:14px 14px 12px!important;
  box-sizing:border-box!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal-head,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:10px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal-head h3,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal-head h3{
  margin:0!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:900!important;
  color:#18251d!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal-close,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal-close{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  border:1px solid #dde5dd!important;
  background:#fff!important;
  color:#1b271f!important;
  font-size:22px!important;
  line-height:1!important;
  box-shadow:0 4px 14px rgba(24,37,29,.08)!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal-body,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal-body{
  display:grid!important;
  gap:10px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal-body [data-sl-home-notification-list],
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal-body [data-send-again-list],
.slhc-shell-preview .send-list-app .slhc-dashboard-modal-body [data-sl-home-notification-list],
.slhc-shell-preview .send-list-app .slhc-dashboard-modal-body [data-send-again-list]{
  display:grid!important;
  gap:10px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal .sl-notification-card,
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal .sl-send-again-open,
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal .sl-send-again-action,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal .sl-notification-card,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal .sl-send-again-open,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal .sl-send-again-action{
  border-radius:16px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal .sl-send-again-row,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal .sl-send-again-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal .slhc-progress-modal-card,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal .slhc-progress-modal-card{
  border:1px solid #e7eee8!important;
  border-radius:18px!important;
  padding:14px!important;
  background:#fbfdfb!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal .slhc-progress-modal-card .sl-progress-widget-card,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal .slhc-progress-modal-card .sl-progress-widget-card{
  box-shadow:none!important;
  border:0!important;
  padding:0!important;
  background:transparent!important;
}
@media(max-width:480px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal,
  .slhc-shell-preview .send-list-app .slhc-dashboard-modal{
    width:min(94vw,420px)!important;
    max-height:78vh!important;
    border-radius:20px!important;
    padding:12px!important;
  }
}


@media(max-width:650px){
  .send-list-app[data-slhc-layout-mode="live"] .slhc-app-utility-rack[data-slhc-utility-count="3"],
  .slhc-shell-preview .send-list-app .slhc-app-utility-rack[data-slhc-utility-count="3"]{gap:5px}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-app-utility-rack[data-slhc-utility-count="3"] .slhc-app-fold-trigger,
  .slhc-shell-preview .send-list-app .slhc-app-utility-rack[data-slhc-utility-count="3"] .slhc-app-fold-trigger{height:42px;padding:5px 6px;grid-template-columns:20px minmax(0,1fr) 10px;gap:4px;border-radius:13px}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-app-utility-rack[data-slhc-utility-count="3"] .slhc-fold-icon,
  .slhc-shell-preview .send-list-app .slhc-app-utility-rack[data-slhc-utility-count="3"] .slhc-fold-icon{width:20px;height:20px;border-radius:7px;font-size:11px}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-app-utility-rack[data-slhc-utility-count="3"] .slhc-app-fold-trigger strong,
  .slhc-shell-preview .send-list-app .slhc-app-utility-rack[data-slhc-utility-count="3"] .slhc-app-fold-trigger strong{font-size:10.2px}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-app-utility-rack[data-slhc-utility-count="3"] .slhc-app-fold-trigger small,
  .slhc-shell-preview .send-list-app .slhc-app-utility-rack[data-slhc-utility-count="3"] .slhc-app-fold-trigger small{font-size:5.5px}
  .send-list-app[data-slhc-layout-mode="live"] .slhc-app-utility-rack[data-slhc-utility-count="3"] .slhc-app-fold-trigger i,
  .slhc-shell-preview .send-list-app .slhc-app-utility-rack[data-slhc-utility-count="3"] .slhc-app-fold-trigger i{font-size:9px}
}


/* 0.064 — shrink list badges by 15% without disturbing their anchor position. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card .sl-list-badge,
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card-wrap .sl-list-badge,
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card [data-sl-list-badge],
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card-wrap [data-sl-list-badge],
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card [data-sl-badge],
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card-wrap [data-sl-badge],
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card [class*="badge"],
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card-wrap [class*="badge"],
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card [class*="tag"],
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card-wrap [class*="tag"],
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-card .sl-list-badge,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-card-wrap .sl-list-badge,
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-card [data-sl-list-badge],
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-card-wrap [data-sl-list-badge],
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-card [data-sl-badge],
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-card-wrap [data-sl-badge],
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-card [class*="badge"],
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-card-wrap [class*="badge"],
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-card [class*="tag"],
.slhc-shell-preview .send-list-app .slhc-mylists-slot .sl-list-card-wrap [class*="tag"]{
  transform:scale(.85)!important;
  transform-origin:left bottom!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot [dir="rtl"] .sl-list-card .sl-list-badge,
.send-list-app[data-slhc-layout-mode="live"] .slhc-mylists-slot [dir="rtl"] .sl-list-card-wrap .sl-list-badge,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot .sl-list-card .sl-list-badge,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot .sl-list-card-wrap .sl-list-badge{
  transform-origin:right bottom!important;
}


/* 0.065 — shrink Send Listy header logo by 20% while preserving layout balance. */
.send-list-app[data-slhc-layout-mode="live"] .sl-brand-icon,
.slhc-shell-preview .send-list-app .sl-brand-icon{
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .sl-brand-name,
.slhc-shell-preview .send-list-app .sl-brand-name{
  font-size:21px!important;
}
@media(max-width:650px){
  .send-list-app[data-slhc-layout-mode="live"] .sl-brand-icon,
  .slhc-shell-preview .send-list-app .sl-brand-icon{
    width:32px!important;
    height:32px!important;
    border-radius:9px!important;
  }
  .send-list-app[data-slhc-layout-mode="live"] .sl-brand-name,
  .slhc-shell-preview .send-list-app .sl-brand-name{
    font-size:17px!important;
  }
}


/* ========================================================================
   0.066 — Homepage Dark Mode Contract Recovery
   Homepage Control had light-only !important surfaces that overrode Core's
   canonical .sl-dark-mode theme. These rules restore dark presentation only;
   data, behavior and ownership remain unchanged.
   ======================================================================== */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"],
.slhc-shell-preview .send-list-app.sl-dark-mode{
  background:#0f151d!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-app-shell,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-app-shell{
  background:#101720!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-topbar,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-topbar{
  background:#18222e!important;
  border-bottom-color:#354151!important;
  box-shadow:0 2px 12px rgba(0,0,0,.20)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-app-primary,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-app-primary{
  background:linear-gradient(180deg,#075b35 0%,#087a43 100%)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}

/* Search row. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-search-slot .sl-unified-home-search-row,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-search-slot .sl-unified-home-search-row{
  background:#18222e!important;
  border-color:#354151!important;
  box-shadow:0 4px 14px rgba(0,0,0,.18)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-search-slot .sl-home-search input,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-search-slot .sl-home-search input{
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-search-slot .sl-home-search input::placeholder,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-search-slot .sl-home-search input::placeholder{
  color:#8c99a7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-search-slot .sl-browse-button,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-search-slot .sl-browse-button{
  background:#1d2b25!important;
  color:#91dda2!important;
  border-inline-start-color:#35483d!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] [data-sl-inline-filter-button],
.slhc-shell-preview .send-list-app.sl-dark-mode [data-sl-inline-filter-button]{
  background:#222e3a!important;
  color:#8ad89d!important;
  border-color:#405063!important;
}

/* My Lists main surface. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-mylists-slot>.sl-my-lists-widget,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-mylists-slot>.sl-my-lists-widget{
  background:#18222e!important;
  border-color:#354151!important;
  box-shadow:0 5px 16px rgba(0,0,0,.20)!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-my-lists-head h2,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-mylists-slot .sl-my-lists-head h2{
  color:#f1f5f8!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-my-lists-view-switch,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-my-lists-view-switch{
  background:#111923!important;
  border-color:#354151!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-my-lists-view-switch button,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-my-lists-view-switch button{
  color:#9eabb7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-my-lists-view-switch button.is-active,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-my-lists-view-switch button.is-active{
  background:#22302a!important;
  color:#83df96!important;
  box-shadow:0 1px 5px rgba(0,0,0,.22)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-empty-my-lists,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-mylists-slot .sl-empty-my-lists{
  background:#111923!important;
  border-color:#465564!important;
  color:#aeb9c5!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-empty-my-lists strong,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-mylists-slot .sl-empty-my-lists strong{
  color:#edf2f7!important;
}

/* List cards: darken the user-selected card colour without bleaching its hue. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-mylists-slot .sl-list-card{
  border-color:#354151!important;
  color:#edf2f7!important;
  background-image:linear-gradient(rgba(14,21,29,.74),rgba(14,21,29,.74))!important;
  background-blend-mode:multiply!important;
  box-shadow:0 3px 10px rgba(0,0,0,.16)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card h3,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-mylists-slot .sl-list-card h3{
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card::before,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-mylists-slot .sl-list-card::before{
  background:linear-gradient(180deg,rgba(255,255,255,.045) 0%,rgba(255,255,255,.015) 62%,rgba(255,255,255,0) 100%)!important;
  border-bottom:0!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-card-icon,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-mylists-slot .sl-list-card-icon{
  background:#22302a!important;
  border-color:#405047!important;
  box-shadow:0 2px 8px rgba(0,0,0,.16)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-progress,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-mylists-slot .sl-progress{
  background:#33404c!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-meta,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-mylists-slot .sl-list-meta,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-mylists-slot .sl-list-meta span:first-child,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-mylists-slot .sl-list-meta span:first-child{
  color:#b5c0ca!important;
}

/* Quick Add. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-my-lists-quick-add-trigger,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-my-lists-quick-add-trigger{
  color:#a9b4c2!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-my-lists-quick-add-trigger>span,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-my-lists-quick-add-trigger>span,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-my-lists-add-footer>span,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-my-lists-add-footer>span{
  background:#354151!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-my-lists-quick-add-trigger>i,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-my-lists-quick-add-trigger>i,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-my-lists-add-footer>button i,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-my-lists-add-footer>button i{
  background:#222e3a!important;
  border-color:#405063!important;
  color:#7bd37f!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-my-lists-quick-add-panel>button,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-my-lists-quick-add-panel>button{
  background:#1b2632!important;
  border-color:#354151!important;
  color:#cbd5de!important;
  box-shadow:0 2px 8px rgba(0,0,0,.14)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-my-lists-quick-add-panel>button i,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-my-lists-quick-add-panel>button i{
  color:#aab6c0!important;
}

/* Lower fold and Dashboard circles. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-lower-fold-handle::before,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-lower-fold-handle::before{
  background:#3b4854!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-lower-fold-caret,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-lower-fold-caret{
  background:#59636a!important;
  box-shadow:0 2px 7px rgba(0,0,0,.24)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-dashboard-panel>[data-slhc-layout-root],
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-dashboard-panel>[data-slhc-layout-root]{
  background:#18222e!important;
  border-color:#354151!important;
  box-shadow:0 7px 18px rgba(0,0,0,.20)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-section-head h2,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-dashboard-panel .sl-section-head h2,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-section-head h2 span,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-dashboard-panel .sl-section-head h2 span{
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-section-head small,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-dashboard-panel .sl-section-head small{
  color:#a9b4c2!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-dashboard-panel [data-slhc-component="progress"],
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-dashboard-panel [data-slhc-component="progress"]{
  background:conic-gradient(#18bd63 var(--slhc-progress,0%),#33443a 0)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-dashboard-panel [data-slhc-component="progress"]>.sl-progress-widget-card,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-dashboard-panel [data-slhc-component="progress"]>.sl-progress-widget-card{
  background:#18222e!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-dashboard-panel .sl-progress-overall,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-dashboard-panel .sl-progress-overall{
  color:#42d578!important;
}

/* Libraries / Tutorials / Offers. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-app-fold-trigger,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-app-fold-trigger{
  background:#18222e!important;
  border-color:#354151!important;
  color:#edf2f7!important;
  box-shadow:0 4px 12px rgba(0,0,0,.18)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-app-fold-trigger small,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-app-fold-trigger i,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-app-fold-trigger small,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-app-fold-trigger i{
  color:#a9b4c2!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-fold-icon,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-fold-icon{
  background:#25313f!important;
  color:#9ba9ff!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-fold-icon.is-tutorial,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-fold-icon.is-tutorial{
  background:#3a2529!important;
  color:#ff818a!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-fold-icon.is-offer,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-fold-icon.is-offer{
  background:#3a2d20!important;
  color:#ffac50!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-app-fold-panel,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-app-fold-panel{
  background:#18222e!important;
  border-color:#354151!important;
  color:#edf2f7!important;
  box-shadow:0 -12px 36px rgba(0,0,0,.34)!important;
}

.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-app-fold-toolbar,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-app-fold-toolbar{
  background:#18222e!important;
  border-bottom-color:#334150!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-app-fold-toolbar strong,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-app-fold-toolbar strong{
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-app-fold-circle,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-app-fold-circle{
  background:#22303b!important;
  border-color:#3a4654!important;
  color:#d9e2ea!important;
  box-shadow:0 2px 8px rgba(0,0,0,.28)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-app-fold-circle:hover,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-app-fold-circle:focus-visible,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-app-fold-circle:hover,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-app-fold-circle:focus-visible{
  background:#2a3946!important;
  border-color:#4a5968!important;
  color:#ffffff!important;
}


/* Dashboard floating dialogs. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-dashboard-backdrop,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-dashboard-backdrop{
  background:rgba(0,0,0,.66)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-dashboard-modal,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-dashboard-modal{
  background:#18222e!important;
  border:1px solid #354151!important;
  color:#edf2f7!important;
  box-shadow:0 22px 70px rgba(0,0,0,.46)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-dashboard-modal-head h3,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-dashboard-modal-head h3{
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-dashboard-modal-close,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-dashboard-modal-close{
  background:#222e3a!important;
  border-color:#405063!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-dashboard-modal .slhc-progress-modal-card,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-dashboard-modal .slhc-progress-modal-card{
  background:#111923!important;
  border-color:#354151!important;
}

/* Bottom navigation — Core owns behavior; this only restores the dark skin. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-bottom-nav,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-bottom-nav{
  background:#18222e!important;
  border-top-color:#354151!important;
  box-shadow:0 -8px 22px rgba(0,0,0,.28)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-bottom-nav button,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-bottom-nav button{
  color:#b7c1cb!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-bottom-nav .is-active,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-bottom-nav .is-active{
  color:#69d67d!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-bottom-nav .sl-floating-add,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-bottom-nav .sl-floating-add{
  border-color:#101720!important;
}


/* ========================================================================
   0.067 — Dark Mode Header Language / Currency Recovery
   Keep Core controls and behavior; only repair dark presentation and width.
   ======================================================================== */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-compact-select,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-compact-select{
  min-height:38px!important;
  padding:4px 7px!important;
  border:1px solid #39423e!important;
  border-radius:12px!important;
  background:#1f2723!important;
  color:#f3f7f4!important;
  box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
  color-scheme:dark!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-compact-select select,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-compact-select select{
  min-width:78px!important;
  max-width:none!important;
  width:auto!important;
  padding:0 20px 0 4px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#f4f7f5!important;
  -webkit-text-fill-color:#f4f7f5!important;
  opacity:1!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.2!important;
  color-scheme:dark!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-currency-select select,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-currency-select select{
  min-width:58px!important;
  font-weight:800!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-compact-select select option,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-compact-select select option{
  background:#1f2723!important;
  color:#f4f7f5!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-compact-select:focus-within,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-compact-select:focus-within{
  border-color:#4fb96b!important;
  box-shadow:0 0 0 2px rgba(79,185,107,.16)!important;
}
@media(max-width:650px){
  .send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-compact-select,
  .slhc-shell-preview .send-list-app.sl-dark-mode .sl-compact-select{
    min-height:36px!important;
    padding:3px 6px!important;
  }
  .send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-compact-select select,
  .slhc-shell-preview .send-list-app.sl-dark-mode .sl-compact-select select{
    min-width:72px!important;
    max-width:none!important;
    font-size:11px!important;
    padding-inline-end:18px!important;
  }
  .send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-currency-select select,
  .slhc-shell-preview .send-list-app.sl-dark-mode .sl-currency-select select{
    min-width:54px!important;
  }
}


/* 0.075 — Lower fold hit area is explicitly full-width and direction-neutral. */
.send-list-app[dir="rtl"] .slhc-lower-fold-handle,
.send-list-app[dir="ltr"] .slhc-lower-fold-handle,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-lower-fold-handle,
.slhc-shell-preview .send-list-app[dir="ltr"] .slhc-lower-fold-handle{
  direction:ltr!important;
  left:0!important;
  right:0!important;
  inset-inline-start:0!important;
  inset-inline-end:0!important;
}

/* 0.075 — Prevent the expanding My Lists surface from stealing the fold hit target. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-app-primary,
.slhc-shell-preview .send-list-app .slhc-app-primary{
  position:relative!important;
  z-index:1!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-lower-fold:not([open]),
.slhc-shell-preview .send-list-app .slhc-lower-fold:not([open]){
  z-index:2147481200!important;
}


/* 0.078 — RTL Ask Listy geometry root fix.
   Core owns .sl-listy positioning. In RTL Core sets left and clears right.
   Homepage Control's mobile override previously forced right:8px without
   clearing left, stretching the fixed .sl-listy root across the viewport.
   When the lower fold was collapsed that transparent full-width root sat on
   the same y-axis as the fold handle and intercepted taps. LTR was unaffected.
   Keep one physical horizontal anchor only in each direction. */
@media (max-width:650px){
  .send-list-app[data-slhc-layout-mode="live"][dir="ltr"] .sl-listy,
  .slhc-shell-preview .send-list-app[dir="ltr"] .sl-listy{
    left:auto!important;
    right:8px!important;
  }
  .send-list-app[data-slhc-layout-mode="live"][dir="rtl"] .sl-listy,
  .slhc-shell-preview .send-list-app[dir="rtl"] .sl-listy{
    right:auto!important;
    left:8px!important;
  }
}


/* ========================================================================
   0.079 — Arabic badge localization without Core text rewrites
   Known Core badge text remains untouched in DOM. In RTL Arabic, the visible
   label is supplied by CSS only, avoiding the 0.070/0.071 re-render flicker.
   ======================================================================== */
.send-list-app[dir="rtl"] .slhc-mylists-slot [data-slhc-badge-key],
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot [data-slhc-badge-key]{
  font-size:0!important;
  white-space:nowrap!important;
}
.send-list-app[dir="rtl"] .slhc-mylists-slot [data-slhc-badge-key]::after,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot [data-slhc-badge-key]::after{
  display:inline-block;
  font-size:8px!important;
  line-height:1!important;
  font-weight:700!important;
  direction:rtl;
}
.send-list-app[dir="rtl"] .slhc-mylists-slot [data-slhc-badge-key="new"]::after,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot [data-slhc-badge-key="new"]::after{content:"جديد"}
.send-list-app[dir="rtl"] .slhc-mylists-slot [data-slhc-badge-key="important"]::after,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot [data-slhc-badge-key="important"]::after{content:"مهم"}
.send-list-app[dir="rtl"] .slhc-mylists-slot [data-slhc-badge-key="urgent"]::after,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot [data-slhc-badge-key="urgent"]::after{content:"عاجل"}
.send-list-app[dir="rtl"] .slhc-mylists-slot [data-slhc-badge-key="today"]::after,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot [data-slhc-badge-key="today"]::after{content:"اليوم"}
.send-list-app[dir="rtl"] .slhc-mylists-slot [data-slhc-badge-key="follow-up"]::after,
.slhc-shell-preview .send-list-app[dir="rtl"] .slhc-mylists-slot [data-slhc-badge-key="follow-up"]::after{content:"متابعة"}

/* 0.079 — When Libraries / Offers sheet is open, the lower-fold arrow must not
   float above the fixed sheet. It returns immediately when the sheet closes. */
.slhc-lower-fold.has-open-sheet>.slhc-lower-fold-handle{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.send-list-app.slhc-has-utility-sheet .sl-bottom-nav,
.slhc-shell-preview .send-list-app.slhc-has-utility-sheet .sl-bottom-nav{
  z-index:2147481100!important;
}


/* ========================================================================
   0.082 — User Account Menu Dark Mode Recovery
   Presentation only. Core still owns account actions, state and navigation.
   ======================================================================== */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-menu,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-menu{
  background:#18222e!important;
  border-color:#354151!important;
  color:#edf2f7!important;
  box-shadow:0 22px 58px rgba(0,0,0,.48)!important;
  color-scheme:dark!important;
}

.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-card,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-card{
  border-bottom-color:#303c49!important;
}

.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-card strong,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-card strong{
  color:#f2f6f9!important;
}

.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-card small,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-card small{
  color:#9eabb7!important;
}

.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-card em,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-card em{
  background:#1f3828!important;
  color:#6ee083!important;
  border:1px solid #2f5639!important;
}

.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-menu-avatar,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-menu-avatar{
  background:#22302a!important;
  border-color:#2b3743!important;
  box-shadow:0 0 0 1px #465565!important;
}

.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-links button,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-links a,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-links button,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-links a{
  background:transparent!important;
  color:#e7edf2!important;
}

.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-links button:hover,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-links button:focus-visible,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-links a:hover,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-links a:focus-visible,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-links button:hover,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-links button:focus-visible,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-links a:hover,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-links a:focus-visible{
  background:#22302a!important;
  color:#f3f7f4!important;
}

.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-links button.is-primary,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-links button.is-primary{
  background:var(--sl-green)!important;
  color:#fff!important;
}

.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-links button.is-logout,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-links button.is-logout{
  color:#ff746b!important;
  border-top-color:#303c49!important;
}

.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-links button b,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-links button b{
  color:#fff!important;
}

.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-links .sl-account-seat-badge,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-links .sl-account-seat-badge{
  background:#203b29!important;
  color:#77e18a!important;
  border:1px solid #31583b!important;
}

.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-benefit,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-benefit{
  color:#9eabb7!important;
}

/* Guest/login state inside the same account menu. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-inline-login label>span,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-inline-login label>span{
  color:#b9c4cd!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-inline-login input,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-inline-login input{
  background:#111923!important;
  border-color:#3b4857!important;
  color:#edf2f7!important;
  -webkit-text-fill-color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-user-account-inline-login input:focus,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-user-account-inline-login input:focus{
  border-color:#4fb96b!important;
  outline-color:rgba(79,185,107,.20)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-account-inline-divider,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-account-inline-divider{
  color:#8f9ba6!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-account-inline-divider:before,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-account-inline-divider:after,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-account-inline-divider:before,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-account-inline-divider:after{
  background:#354151!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-account-inline-message,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-account-inline-message{
  background:#3b2324!important;
  color:#ff9b94!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-account-google-disabled,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-account-google-disabled{
  background:#222e3a!important;
  border-color:#405063!important;
  color:#c5ced6!important;
}


/* ========================================================================
   0.083 — Create / Edit List Dark Mode Completion
   Presentation only. Core remains the sole owner of editor logic and data.
   ======================================================================== */

/* Main editor surface + headings */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-modal-card,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-modal-card{
  background:#18222e!important;
  color:#edf2f7!important;
  border-color:#354151!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-create-list-reference-body,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-create-list-reference-body{
  background:#18222e!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-editor,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-editor{
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-items-heading-row h3,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-editor h3,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-items-heading-row h3,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-editor h3{
  color:#f1f5f8!important;
}

/* Identity / labels / metadata */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-list-title-icon-label,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-field label,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-list-type-field label,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-list-title-icon-label,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-field label,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-list-type-field label{
  color:#e8eef3!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-list-title-icon-picker:not(.is-default-check),
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-list-title-icon-picker:not(.is-default-check){
  background:#22302a!important;
  border-color:#3e5a47!important;
  color:#8add9a!important;
}

/* Inputs, selects and textareas */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal input,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal select,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal textarea,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal input,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal select,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal textarea{
  background:#111923!important;
  color:#edf2f7!important;
  border-color:#405063!important;
  -webkit-text-fill-color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal input::placeholder,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal textarea::placeholder,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal input::placeholder,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal textarea::placeholder{
  color:#9aa8b5!important;
  opacity:1!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal select[data-editor-list-type],
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal select[data-editor-list-type]{
  background:#173025!important;
  color:#90e39f!important;
  -webkit-text-fill-color:#90e39f!important;
  border-color:#3d9a54!important;
}

/* Items tool capsules — these were white and made labels disappear */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-items-tools-capsule,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-items-tools-capsule{
  background:linear-gradient(180deg,#202c37 0%,#18232d 100%)!important;
  border-color:#3a4855!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 2px 8px rgba(0,0,0,.18)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-items-tools-capsule .sl-items-tool,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-items-tools-capsule .sl-items-tool{
  color:#dce5eb!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-items-tools-capsule .sl-items-tool>b,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-items-tools-capsule .sl-items-tool>b{
  color:#dce5eb!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-items-tools-capsule .sl-items-tool>span,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-items-tools-capsule .sl-items-tool>span{
  color:#7ed596!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-items-tools-capsule .sl-open-item-library,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-items-tools-capsule .sl-open-item-library>b,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-items-tools-capsule .sl-open-item-library>span,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-items-tools-capsule .sl-open-item-library,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-items-tools-capsule .sl-open-item-library>b,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-items-tools-capsule .sl-open-item-library>span{
  color:#ff9d45!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-items-tools-separator,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-items-tools-separator{
  background:#485560!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-items-tools-capsule .sl-items-tool:hover,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-items-tools-capsule .sl-items-tool:focus-visible,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-items-tools-capsule .sl-items-tool:hover,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-items-tools-capsule .sl-items-tool:focus-visible{
  background:#293742!important;
  color:#f2f7f4!important;
}

/* Bulk controls */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-editor-bulk-bar,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-editor-bulk-bar{
  background:#17251e!important;
  border-color:#355b41!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-editor-bulk-summary strong,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-editor-bulk-summary strong{
  color:#8dde9e!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-editor-bulk-summary button,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-editor-bulk-summary button{
  color:#7ed596!important;
}

/* Item cards */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-item-row,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-item-row{
  background:#16212b!important;
  border-color:#3a4855!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-item-card-body,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-item-card-body{
  background:#16212b!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-item-main-content .sl-item-icon-picker,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-item-main-content .sl-item-icon-picker{
  background:#1d3025!important;
  border-color:#486653!important;
  color:#80d597!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-item-name,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-item-name{
  background:#111923!important;
  color:#edf2f7!important;
  border-color:#405063!important;
  -webkit-text-fill-color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-item-name::placeholder,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-item-name::placeholder{
  color:#9aa8b5!important;
  opacity:1!important;
}

/* Add options / optional controls */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-item-add-options,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-item-add-options{
  border-top-color:#35434d!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-item-add-options-toggle,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-item-add-options-toggle{
  color:#7ed596!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-item-add-options-toggle b,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-item-add-options-toggle b{
  color:#7ed596!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-item-add-options-toggle em,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-item-add-options-toggle em{
  color:#9eabb6!important;
}

/* Advanced option boxes */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-optional-box,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-summary,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-group-panel,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-optional-box,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-summary,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-group-panel{
  background:#17232d!important;
  border-color:#35434f!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-optional-box summary,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-optional-box summary strong,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-optional-box summary,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-optional-box summary strong{
  color:#edf2f7!important;
}

/* Quick Add */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-create-list-modal .sl-editor-quick-add,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-create-list-modal .sl-editor-quick-add{
  background:#17232d!important;
  border-color:#35434f!important;
}

/* Bottom editor action portal */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-editor-actions-portal,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-editor-actions-portal{
  background:#111923!important;
  border-color:#354151!important;
  box-shadow:0 -10px 28px rgba(0,0,0,.34)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-editor-actions-portal .sl-secondary,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-editor-actions-portal .sl-secondary{
  background:#24313d!important;
  color:#edf2f7!important;
  border-color:#405063!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-editor-actions-portal .sl-advanced-options-toggle,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-editor-actions-portal .sl-advanced-options-toggle{
  background:#17232d!important;
  border-color:#3b4a55!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-editor-actions-portal .sl-advanced-options-label,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-editor-actions-portal .sl-advanced-options-label{
  color:#7ed596!important;
}


/* ========================================================================
   0.084 — Editor Bottom Action Tray Dark Mode Root Fix
   Targets the exact Core 0.641 redesign capsule shown in dark mode.
   ======================================================================== */

/* Outer primary capsule: remove the white shell in dark mode. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row{
  background:rgba(17,25,35,.98)!important;
  border-color:#405063!important;
  box-shadow:0 8px 20px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(10px)!important;
}

/* Preserve the three primary brand actions in dark mode. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-primary-row-save,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-primary-row-save{
  background:#f28c28!important;
  border-color:#dc7417!important;
  color:#fff!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-add-item-wide,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-add-item-wide{
  background:#2fa544!important;
  border-color:#24873a!important;
  color:#fff!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-primary-row-preview,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-primary-row-preview{
  background:#19b8dd!important;
  border-color:#10a1c4!important;
  color:#fff!important;
}

/* Item-count chip remains readable inside Add Item. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row .sl-item-count,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row .sl-item-count{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border-color:transparent!important;
}

/* Advanced Options tab: fully dark, no white half-circle. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-editor-actions-portal.sl-editor-actions-redesign .sl-advanced-options-toggle,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-editor-actions-portal.sl-editor-actions-redesign .sl-advanced-options-toggle{
  background:#17232d!important;
  border-color:#405063!important;
  color:#83df96!important;
  box-shadow:0 -4px 12px rgba(0,0,0,.26)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-editor-actions-portal.sl-editor-actions-redesign .sl-advanced-options-toggle:hover,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-editor-actions-portal.sl-editor-actions-redesign .sl-advanced-options-toggle:focus-visible,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-editor-actions-portal.sl-editor-actions-redesign .sl-advanced-options-toggle:hover,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-editor-actions-portal.sl-editor-actions-redesign .sl-advanced-options-toggle:focus-visible{
  background:#22302a!important;
  border-color:#4b6254!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-editor-actions-portal.sl-editor-actions-redesign .sl-advanced-options-label,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-editor-actions-portal.sl-editor-actions-redesign .sl-advanced-options-label{
  color:#83df96!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-editor-actions-portal.sl-editor-actions-redesign .sl-advanced-options-toggle.is-collapsed .sl-advanced-options-state,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-editor-actions-portal.sl-editor-actions-redesign .sl-advanced-options-toggle.is-collapsed .sl-advanced-options-state{
  background:#1d3025!important;
  border:1px solid #486653!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-editor-actions-portal.sl-editor-actions-redesign .sl-advanced-options-toggle.is-collapsed .sl-advanced-options-state::before,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-editor-actions-portal.sl-editor-actions-redesign .sl-advanced-options-toggle.is-collapsed .sl-advanced-options-state::before{
  border-right-color:#83df96!important;
  border-bottom-color:#83df96!important;
}

/* Expanded secondary actions panel. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-editor-actions-portal.sl-editor-actions-redesign .sl-collapsible-actions,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-editor-actions-portal.sl-editor-actions-redesign .sl-collapsible-actions{
  background:#18222e!important;
  border-color:#405063!important;
  color:#edf2f7!important;
  box-shadow:0 9px 22px rgba(0,0,0,.34)!important;
}

/* Legacy collapse tab, if Core renders it instead of the labeled Advanced tab. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-editor-actions-portal.sl-editor-actions-redesign .sl-actions-collapse-toggle,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-editor-actions-portal.sl-editor-actions-redesign .sl-actions-collapse-toggle{
  background:#17232d!important;
  border-color:#405063!important;
  color:#9eabb7!important;
}


/* ========================================================================
   0.085 — Three-Dots List Options Portal Dark Mode
   The menu is portaled directly under <body>, so it cannot inherit the app
   dark selectors. JS mirrors the app state with .slhc-dark-list-options.
   ======================================================================== */

body > .sl-card-options.sl-menu-portal.slhc-dark-list-options{
  background:#18222e!important;
  border-color:#3a4755!important;
  color:#edf2f7!important;
  box-shadow:0 18px 42px rgba(0,0,0,.52)!important;
  color-scheme:dark!important;
}

body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-card-options-title{
  color:#f0f4f7!important;
  border-bottom-color:#33414e!important;
}

body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-option-row{
  color:#e2e9ee!important;
  background:transparent!important;
}

body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-option-row:hover,
body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-option-row:focus-within{
  background:#22303b!important;
}

body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-option-row input{
  accent-color:#33ad4f!important;
}

body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-option-panel{
  background:#111923!important;
  border-color:#354352!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}

/* Badge choices */
body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-badge-picker{
  background:transparent!important;
  color:#e6edf2!important;
}

body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-badge-options button,
body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-badge-edit{
  background:#1c2833!important;
  color:#cbd6de!important;
  border:1px solid transparent!important;
}

body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-badge-options button:hover,
body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-badge-options button:focus-visible,
body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-badge-edit:hover,
body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-badge-edit:focus-visible{
  background:#263540!important;
  color:#f1f5f8!important;
}

body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-badge-options button.is-selected{
  background:#173323!important;
  color:#8ae09c!important;
  border-color:#35a84f!important;
  outline:1px solid #35a84f!important;
}

body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-badge-edit{
  color:#74d78b!important;
  font-weight:800!important;
}

/* Badge and card color dots stay vivid against the dark surface. */
body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-badge-colors button,
body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-icon-color-option{
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.18)!important;
}

body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-icon-color-picker{
  background:transparent!important;
}

/* Duplicate / delete actions */
body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-menu-duplicate{
  background:transparent!important;
  color:#78db8d!important;
}

body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-menu-duplicate:hover,
body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-menu-duplicate:focus-visible{
  background:#1c3123!important;
}

body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-menu-delete{
  background:#321d20!important;
  color:#ff8f88!important;
  border-color:#6c3538!important;
}

body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-menu-delete:hover,
body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-menu-delete:focus-visible{
  background:#402326!important;
  border-color:#8a4448!important;
}

body > .sl-card-options.sl-menu-portal.slhc-dark-list-options .sl-menu-delete:disabled{
  background:#202932!important;
  color:#7f8a94!important;
  border-color:#394550!important;
}

/* Keep keyboard focus visible in the floating dark portal. */
body > .sl-card-options.sl-menu-portal.slhc-dark-list-options button:focus-visible,
body > .sl-card-options.sl-menu-portal.slhc-dark-list-options input:focus-visible{
  outline:2px solid rgba(91,210,112,.72)!important;
  outline-offset:2px!important;
}




/* ========================================================================
   0.091 — Utility Sheet Full-Height Layout
   Do NOT use a full-screen backdrop-filter layer: the utility sheet lives
   inside the app and can be pulled into the same stacking context. Instead
   expand Libraries / Tutorials / Offers sheets to a near-full-screen layout under the top header with a 5px visual gap, while preserving crisp chrome.
   ======================================================================== */
.send-list-app.slhc-has-utility-sheet .slhc-app-primary,
.send-list-app.slhc-has-utility-sheet .slhc-app-dashboard,
.slhc-shell-preview .send-list-app.slhc-has-utility-sheet .slhc-app-primary,
.slhc-shell-preview .send-list-app.slhc-has-utility-sheet .slhc-app-dashboard{
  filter:blur(3px)!important;
  opacity:.72!important;
  transition:filter .14s ease,opacity .14s ease!important;
}

/* Keep the global chrome readable while the utility sheet is open. */
.send-list-app.slhc-has-utility-sheet .sl-topbar,
.send-list-app.slhc-has-utility-sheet .slhc-lower-fold-handle,
.send-list-app.slhc-has-utility-sheet .slhc-app-fold-trigger,
.send-list-app.slhc-has-utility-sheet .sl-bottom-nav,
.send-list-app.slhc-has-utility-sheet .sl-listy,
.slhc-shell-preview .send-list-app.slhc-has-utility-sheet .sl-topbar,
.slhc-shell-preview .send-list-app.slhc-has-utility-sheet .slhc-lower-fold-handle,
.slhc-shell-preview .send-list-app.slhc-has-utility-sheet .slhc-app-fold-trigger,
.slhc-shell-preview .send-list-app.slhc-has-utility-sheet .sl-bottom-nav,
.slhc-shell-preview .send-list-app.slhc-has-utility-sheet .sl-listy{
  filter:none!important;
  opacity:1!important;
}

/* The actual open utility sheet must always remain sharp and fully opaque. */
.send-list-app.slhc-has-utility-sheet .slhc-app-fold-panel,
.send-list-app.slhc-has-utility-sheet .slhc-app-fold-panel *,
.slhc-shell-preview .send-list-app.slhc-has-utility-sheet .slhc-app-fold-panel,
.slhc-shell-preview .send-list-app.slhc-has-utility-sheet .slhc-app-fold-panel *{
  filter:none!important;
  opacity:1!important;
}

/* Add a subtle non-blurring dim layer inside the panel boundary only through
   shadow, avoiding a global overlay that could cover the sheet itself. */
.send-list-app.slhc-has-utility-sheet .slhc-app-fold-panel,
.slhc-shell-preview .send-list-app.slhc-has-utility-sheet .slhc-app-fold-panel{
  box-shadow:0 -14px 42px rgba(8,20,13,.34),0 0 0 1px rgba(255,255,255,.03)!important;
}

.send-list-app.sl-dark-mode.slhc-has-utility-sheet .slhc-app-fold-panel,
.slhc-shell-preview .send-list-app.sl-dark-mode.slhc-has-utility-sheet .slhc-app-fold-panel{
  box-shadow:0 -16px 48px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.035)!important;
}


/* ========================================================================
   0.094 — Find & Add Dark Mode Completion
   Scoped only to Core 0.641's real Quick Add / Find & Add modal selectors.
   CSS-only: no runtime, loader, event, list, or database changes.
   ======================================================================== */

/* Modal shell/body */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-modal-card,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-modal-card{
  background:#101720!important;
  border:1px solid #354151!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-modal-card>[data-sl-modal-content],
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-modal-card>[data-sl-modal-content],
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-search-modal,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-search-modal,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-quick-add-body,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-quick-add-body{
  background:#101720!important;
  color:#edf2f7!important;
}

/* Primary three tabs: Templates & Items / AI / Paste */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-quick-add-tabs,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-quick-add-tabs{
  border-bottom-color:#354151!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-quick-add-tabs button,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-quick-add-tabs button{
  background:#18222e!important;
  color:#e7edf2!important;
  border-color:#354151!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-quick-add-tabs button.is-active,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-quick-add-tabs button.is-active{
  background:#173323!important;
  color:#8ae09c!important;
  border-color:#35a84f!important;
  box-shadow:inset 0 0 0 1px rgba(53,168,79,.18)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-quick-add-tabs button:focus-visible,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-quick-add-tabs button:focus-visible{
  outline-color:rgba(91,210,112,.35)!important;
}

/* Search */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-modal-search,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-modal-search{
  background:#111923!important;
  border-color:#405063!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-modal-search>span,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-modal-search>span{
  color:#8290a0!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-modal-search input,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-modal-search input{
  background:transparent!important;
  color:#edf2f7!important;
  -webkit-text-fill-color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-modal-search input::placeholder,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-modal-search input::placeholder{
  color:#8290a0!important;
  opacity:1!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-modal-search button,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-modal-search button{
  background:#222e3a!important;
  border-color:#405063!important;
  color:#7bd37f!important;
}

/* Main content tabs */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-tabs button,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-tabs button{
  background:#18222e!important;
  border-color:#354151!important;
  color:#dce4ea!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-tabs button.is-active,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-tabs button.is-active{
  background:#22382a!important;
  border-color:#49b660!important;
  color:#91e3a1!important;
}

/* Category strip */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-template-category-shell,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-template-category-strip,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-template-category-shell,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-template-category-strip{
  background:transparent!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-template-category-chip,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-template-category-chip{
  background:#18222e!important;
  border-color:#354151!important;
  color:#dce4ea!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-template-category-chip.is-active,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-template-category-chip.is-active{
  background:#173323!important;
  border-color:#35a84f!important;
  color:#8ae09c!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-template-category-arrow,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-template-category-arrow{
  background:#18222e!important;
  border-color:#354151!important;
  color:#82da94!important;
}

/* Advanced filters */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-filter-panel,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-filter-panel{
  background:#16202a!important;
  border-color:#354151!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-filter-grid label,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-filter-grid label{
  color:#cbd5dd!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-filter-grid select,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-filter-grid select{
  background:#111923!important;
  border-color:#405063!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-filter-actions button,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-filter-actions button{
  background:#222e3a!important;
  border-color:#405063!important;
  color:#dce4ea!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-filter-actions button.is-primary,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-filter-actions button.is-primary{
  background:var(--sl-green)!important;
  border-color:var(--sl-green)!important;
  color:#fff!important;
}

/* Results */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-result,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-result{
  background:#18222e!important;
  border-color:#354151!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-result:hover,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-result:hover{
  background:#1d2935!important;
  border-color:#496070!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-result-copy strong,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-result-copy strong{
  color:#f0f4f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-result-copy small,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-result-copy small{
  color:#93a0ac!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-result-source,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-result-source{
  color:#58c970!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-result-icon,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-result-icon{
  background:#22302a!important;
  color:#dce8df!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-result-actions .sl-preview-button,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-result-actions .sl-preview-button{
  background:#263440!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-result-actions .sl-primary-button,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-result-actions .sl-primary-button{
  background:var(--sl-green)!important;
  color:#fff!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-preview,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-preview{
  border-top-color:#354151!important;
  color:#dce4ea!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-loading,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-empty-line,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-loading,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-empty-line{
  background:#18222e!important;
  color:#9eabb7!important;
  border:1px solid #354151!important;
}

/* Items selection / bulk bar */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-selectable-item.is-selected,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-selectable-item.is-selected{
  background:#173323!important;
  border-color:#35a84f!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-item-select span,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-item-select span{
  background:#111923!important;
  border-color:#536270!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-item-select input:checked+span,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-item-select input:checked+span{
  background:#259b46!important;
  border-color:#259b46!important;
  color:#fff!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-quick-item-bulk,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-quick-item-bulk{
  background:rgba(17,25,35,.96)!important;
  border-color:#405063!important;
  box-shadow:0 -5px 18px rgba(0,0,0,.28)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-unified-quick-item-bulk>span,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-unified-quick-item-bulk>span{
  color:#b7c2cc!important;
}

/* AI panel */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-quick-add-panel[data-quick-add-panel="ai"],
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-quick-add-panel[data-quick-add-panel="ai"]{
  background:transparent!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-ai-home-body,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-ai-home-body{
  border-top-color:#354151!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-ai-guide-step,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-ai-guide-step{
  background:#18222e!important;
  border-color:#354151!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-ai-guide-step strong,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-ai-guide-step strong{
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-ai-guide-step small,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-ai-guide-step small,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-ai-home-body ol,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-ai-home-body ol{
  color:#9eabb7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-ai-type-field,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-ai-type-field>span,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-ai-type-field,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-ai-type-field>span{
  color:#dce4ea!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-ai-type-field select,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal textarea[data-home-ai-json],
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-ai-type-field select,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal textarea[data-home-ai-json]{
  background:#111923!important;
  border-color:#405063!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-ai-import-preview,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-ai-import-preview{
  background:#18222e!important;
  border-color:#354151!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-ai-import-preview header,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-ai-import-preview header{
  background:#1d3025!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-ai-import-preview header small,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-ai-import-preview li small,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-ai-import-preview header small,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-ai-import-preview li small{
  color:#9eabb7!important;
}

/* Paste panel */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-quick-add-panel[data-quick-add-panel="paste"],
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-quick-add-panel[data-quick-add-panel="paste"]{
  background:transparent!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-paste-home-body,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-paste-home-body p,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-home-paste-form label>span,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-paste-home-body,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-paste-home-body p,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-home-paste-form label>span{
  color:#dce4ea!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-home-paste-form input,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-home-paste-form select,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-home-paste-form textarea,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-home-paste-form input,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-home-paste-form select,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-home-paste-form textarea{
  background:#111923!important;
  border-color:#405063!important;
  color:#edf2f7!important;
  -webkit-text-fill-color:#edf2f7!important;
  box-shadow:none!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-paste-preview,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-home-paste-preview,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-paste-preview,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-home-paste-preview{
  background:#18222e!important;
  border-color:#354151!important;
  color:#edf2f7!important;
}

/* Keep the green header family intact. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal.is-quick-add-modal .sl-quick-add-header,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal.is-quick-add-modal .sl-quick-add-header{
  background:var(--sl-green)!important;
  color:#fff!important;
}


/* ========================================================================
   0.095 — Inline Google Sign-In Dark Mode
   The Google button is rendered by Google Identity Services inside the guest
   account menu. Homepage Control re-renders that supported button with the
   official dark theme while Core keeps the authentication callback/logic.
   ======================================================================== */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-account-inline-google,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-account-inline-google{
  background:#131314!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:12px!important;
  padding:0!important;
  overflow:hidden!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] [data-sl-account-inline-google],
.slhc-shell-preview .send-list-app.sl-dark-mode [data-sl-account-inline-google]{
  min-height:40px!important;
  background:#131314!important;
  border-radius:10px!important;
  overflow:hidden!important;
  color-scheme:dark!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] [data-sl-account-inline-google]>div,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] [data-sl-account-inline-google] iframe,
.slhc-shell-preview .send-list-app.sl-dark-mode [data-sl-account-inline-google]>div,
.slhc-shell-preview .send-list-app.sl-dark-mode [data-sl-account-inline-google] iframe{
  max-width:100%!important;
  border-radius:10px!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] [data-sl-account-inline-google] .sl-google-loading,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] [data-sl-account-inline-google] .sl-google-help,
.slhc-shell-preview .send-list-app.sl-dark-mode [data-sl-account-inline-google] .sl-google-loading,
.slhc-shell-preview .send-list-app.sl-dark-mode [data-sl-account-inline-google] .sl-google-help{
  color:#aab5bf!important;
  background:#131314!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] [data-sl-account-inline-google] .sl-google-retry,
.slhc-shell-preview .send-list-app.sl-dark-mode [data-sl-account-inline-google] .sl-google-retry{
  background:#202124!important;
  border-color:#8e918f!important;
  color:#fff!important;
}


/* 0.096 — Google Sign-In border cleanup. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] [data-sl-account-inline-google],
.slhc-shell-preview .send-list-app.sl-dark-mode [data-sl-account-inline-google]{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] [data-sl-account-inline-google]>div,
.slhc-shell-preview .send-list-app.sl-dark-mode [data-sl-account-inline-google]>div{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}


/* ========================================================================
   0.097 — Settings Google Sign-In Dark Mode Layout Fix
   Scoped to the Core-owned Settings > Account provider card only.
   ======================================================================== */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-settings-auth-providers .sl-settings-login-card,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-settings-auth-providers .sl-settings-login-card{
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  background:#17222d!important;
  border:1px solid #354151!important;
  border-radius:14px!important;
  color:#edf2f7!important;
  overflow:hidden!important;
}

.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-settings-auth-providers .sl-settings-row-icon.is-google,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-settings-auth-providers .sl-settings-row-icon.is-google{
  background:#22303b!important;
  color:#6ea8ff!important;
  border:1px solid #3b4856!important;
}

.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-settings-auth-providers .sl-settings-row-copy,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-settings-auth-providers .sl-settings-row-copy{
  min-width:0!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-settings-auth-providers .sl-settings-row-copy b,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-settings-auth-providers .sl-settings-row-copy b{
  color:#f1f5f8!important;
  line-height:1.25!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-settings-auth-providers .sl-settings-row-copy small,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-settings-auth-providers .sl-settings-row-copy small{
  color:#9eabb7!important;
  line-height:1.35!important;
}

/* Always place the real Google button on its own full-width row. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-settings-login-card>[data-sl-google-button],
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-settings-login-card>[data-sl-google-button]{
  grid-column:1 / -1!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:40px!important;
  margin:2px 0 0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:999px!important;
  background:#131314!important;
  overflow:hidden!important;
  line-height:0!important;
  justify-self:stretch!important;
}

/* Google renders the button inside its own child/iframe. Slight overscan clips
   the provider's bright outer stroke without touching authentication logic. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-settings-login-card>[data-sl-google-button]>div,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-settings-login-card>[data-sl-google-button] iframe,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-settings-login-card>[data-sl-google-button]>div,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-settings-login-card>[data-sl-google-button] iframe{
  width:100%!important;
  max-width:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:scale(1.012)!important;
  transform-origin:center!important;
}

/* Dark-safe Google loading/retry fallback in Settings. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-settings-login-card>[data-sl-google-button] .sl-google-loading,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-settings-login-card>[data-sl-google-button] .sl-google-help,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-settings-login-card>[data-sl-google-button] .sl-google-loading,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-settings-login-card>[data-sl-google-button] .sl-google-help{
  background:#131314!important;
  color:#aab5bf!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-settings-login-card>[data-sl-google-button] .sl-google-retry,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-settings-login-card>[data-sl-google-button] .sl-google-retry{
  background:#202124!important;
  border:0!important;
  color:#fff!important;
  box-shadow:none!important;
}


/* ========================================================================
   0.098 — My Lists Manager Dark Mode Completion
   Scoped to Core 0.641's bulk My Lists modal only.
   ======================================================================== */

/* Outer modal shell */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal-card:has(.sl-all-lists-bulk),
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal-card:has(.sl-all-lists-bulk){
  background:#101720!important;
  border:1px solid #354151!important;
  color:#edf2f7!important;
  box-shadow:0 22px 60px rgba(0,0,0,.50)!important;
}

/* Modal close button */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal-card:has(.sl-all-lists-bulk) .sl-modal-close,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal-card:has(.sl-all-lists-bulk) .sl-modal-close{
  background:#22303b!important;
  border:1px solid #3b4856!important;
  color:#dce5eb!important;
  border-radius:50%!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 2px 8px rgba(0,0,0,.24)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal-card:has(.sl-all-lists-bulk) .sl-modal-close:hover,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal-card:has(.sl-all-lists-bulk) .sl-modal-close:focus-visible,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal-card:has(.sl-all-lists-bulk) .sl-modal-close:hover,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal-card:has(.sl-all-lists-bulk) .sl-modal-close:focus-visible{
  background:#2b3a47!important;
  color:#fff!important;
}

/* Heading + Select all */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-all-lists-bulk .sl-all-lists-head h2,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-all-lists-bulk .sl-all-lists-head h2{
  color:#f2f6f9!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-all-lists-bulk .sl-all-lists-head label,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-all-lists-bulk .sl-all-lists-head label span,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-all-lists-bulk .sl-all-lists-head label,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-all-lists-bulk .sl-all-lists-head label span{
  color:#cbd5dd!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-all-lists-bulk input[type="checkbox"],
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-all-lists-bulk input[type="checkbox"]{
  accent-color:#2cab4f!important;
}

/* Selected-count / bulk delete bar */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-all-lists-bulk .sl-bulk-toolbar,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-all-lists-bulk .sl-bulk-toolbar{
  background:#25191c!important;
  border-color:#61363b!important;
  color:#ffb3ad!important;
  box-shadow:none!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-all-lists-bulk .sl-bulk-toolbar strong,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-all-lists-bulk .sl-bulk-toolbar strong{
  color:#ffaaa3!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-all-lists-bulk .sl-bulk-toolbar .sl-danger,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-all-lists-bulk .sl-bulk-toolbar .sl-danger{
  background:#3a2024!important;
  border:1px solid #704047!important;
  color:#ff8f88!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-all-lists-bulk .sl-bulk-toolbar .sl-danger:disabled,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-all-lists-bulk .sl-bulk-toolbar .sl-danger:disabled{
  background:#202933!important;
  border-color:#354151!important;
  color:#707d88!important;
  opacity:1!important;
}

/* List rows */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-all-lists-bulk .sl-template-option,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-all-lists-bulk .sl-template-option{
  background:#18222e!important;
  border-color:#354151!important;
  color:#edf2f7!important;
  box-shadow:none!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-all-lists-bulk .sl-template-option:hover,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-all-lists-bulk .sl-template-option:hover{
  background:#1d2935!important;
  border-color:#46596a!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-all-lists-bulk .sl-all-list-main strong,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-all-lists-bulk .sl-all-list-main strong{
  color:#f0f4f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-all-lists-bulk .sl-all-list-main small,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-all-lists-bulk .sl-all-list-main small{
  color:#a5b1bb!important;
}

/* Row actions */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-all-lists-bulk .sl-all-list-actions [data-open-list],
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-all-lists-bulk .sl-all-list-actions [data-open-list]{
  background:#28a745!important;
  border-color:#28a745!important;
  color:#fff!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-all-lists-bulk .sl-all-list-duplicate,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-all-lists-bulk .sl-all-list-duplicate{
  background:#1b3023!important;
  border-color:#31583b!important;
  color:#75db89!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-all-lists-bulk .sl-all-list-delete,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-all-lists-bulk .sl-all-list-delete{
  background:#321d20!important;
  border-color:#6c3538!important;
  color:#ff8f88!important;
}

/* Empty state if there are no lists */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-all-lists-bulk .sl-empty,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-all-lists-bulk>p,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-all-lists-bulk .sl-empty,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-all-lists-bulk>p{
  background:#18222e!important;
  border-color:#354151!important;
  color:#9eabb7!important;
}

/* Scrollbar inside this modal */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal-card:has(.sl-all-lists-bulk){
  scrollbar-color:#485767 #18222e!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal-card:has(.sl-all-lists-bulk)::-webkit-scrollbar,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal-card:has(.sl-all-lists-bulk)::-webkit-scrollbar{
  width:8px!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal-card:has(.sl-all-lists-bulk)::-webkit-scrollbar-track,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal-card:has(.sl-all-lists-bulk)::-webkit-scrollbar-track{
  background:#18222e!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal-card:has(.sl-all-lists-bulk)::-webkit-scrollbar-thumb,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal-card:has(.sl-all-lists-bulk)::-webkit-scrollbar-thumb{
  background:#485767!important;
  border-radius:999px!important;
}


/* ========================================================================
   0.099 — Libraries Main Headings Dark Mode Visibility
   Scoped only to the Libraries utility sheet.
   ======================================================================== */

/* Main section headings such as:
   "Choose a template for your list" / "Choose items for your list". */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] [data-slhc-fold="libraries"] .slhc-app-fold-content [data-sl-home-action-heading],
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] [data-slhc-fold="libraries"] .slhc-app-fold-content .sl-section-head h2,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] [data-slhc-fold="libraries"] .slhc-app-fold-content .sl-shopping-title h2,
.slhc-shell-preview .send-list-app.sl-dark-mode [data-slhc-fold="libraries"] .slhc-app-fold-content [data-sl-home-action-heading],
.slhc-shell-preview .send-list-app.sl-dark-mode [data-slhc-fold="libraries"] .slhc-app-fold-content .sl-section-head h2,
.slhc-shell-preview .send-list-app.sl-dark-mode [data-slhc-fold="libraries"] .slhc-app-fold-content .sl-shopping-title h2{
  color:#f1f5f8!important;
  -webkit-text-fill-color:#f1f5f8!important;
  opacity:1!important;
}

/* Supporting line under the Shopping/Items heading. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] [data-slhc-fold="libraries"] .slhc-app-fold-content .sl-shopping-title p,
.slhc-shell-preview .send-list-app.sl-dark-mode [data-slhc-fold="libraries"] .slhc-app-fold-content .sl-shopping-title p{
  color:#9eabb7!important;
  -webkit-text-fill-color:#9eabb7!important;
  opacity:1!important;
}

/* Keep View All visible as the green action on the dark sheet. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] [data-slhc-fold="libraries"] .slhc-app-fold-content .sl-text-button,
.slhc-shell-preview .send-list-app.sl-dark-mode [data-slhc-fold="libraries"] .slhc-app-fold-content .sl-text-button{
  color:#56cf72!important;
  -webkit-text-fill-color:#56cf72!important;
}


/* ========================================================================
   0.100 — Dashboard Overlay Header Icons
   Add the same visual icon language from the three dashboard circles
   before the overlay titles: Notifications, Send Again, Progress.
   ======================================================================== */
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal-head h3,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal-head h3{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal[data-slhc-dashboard-kind] .slhc-dashboard-modal-head h3::before,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal[data-slhc-dashboard-kind] .slhc-dashboard-modal-head h3::before{
  content:'';
  display:inline-block!important;
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal[data-slhc-dashboard-kind="notifications"] .slhc-dashboard-modal-head h3::before,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal[data-slhc-dashboard-kind="notifications"] .slhc-dashboard-modal-head h3::before{
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23f7b733' d='M32 58c4.8 0 8-3.1 8.6-7.2H23.4C24 54.9 27.2 58 32 58z'/%3E%3Cpath fill='%23f5b63a' d='M47 42.4V28.8c0-9-5.2-15.4-13-17.1v-2.2c0-1.7-1.3-3-3-3s-3 1.3-3 3v2.3c-7.7 1.8-13 8.2-13 17V42l-4.2 5.7c-.6.8 0 2 .9 2H52.2c1 0 1.6-1.2 1-2l-6.2-5.3z'/%3E%3Cpath fill='%23e29a13' d='M47 42.4l6.2 5.3c.6.8 0 2-.9 2H11.7c-1 0-1.5-1.2-.9-2L15 42z' opacity='.35'/%3E%3C/svg%3E")!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.12))!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal[data-slhc-dashboard-kind="sendagain"] .slhc-dashboard-modal-head h3::before,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal[data-slhc-dashboard-kind="sendagain"] .slhc-dashboard-modal-head h3::before{
  background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%22g1%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23b7f06d%22/%3E%0A%20%20%20%20%3Cstop%20offset%3D%2255%25%22%20stop-color%3D%22%2377d93f%22/%3E%0A%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232ea53a%22/%3E%0A%20%20%3C/linearGradient%3E%0A%20%20%3ClinearGradient%20id%3D%22g2%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23e1ff99%22/%3E%0A%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2386e04d%22/%3E%0A%20%20%3C/linearGradient%3E%0A%20%20%3ClinearGradient%20id%3D%22g3%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%235fcf43%22/%3E%0A%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%231c8d32%22/%3E%0A%20%20%3C/linearGradient%3E%0A%3C/defs%3E%0A%3Cg%20transform%3D%22rotate%28-18%2032%2032%29%22%3E%0A%20%20%3Cpath%20d%3D%22M7%2031L55%2010c1.8-.8%203.6%201.1%202.7%202.8L37%2057c-.9%201.9-3.7%201.7-4.3-.3l-4.2-13.9-14-4.3c-2-.6-2.2-3.4-.5-4.2z%22%20fill%3D%22url%28%23g1%29%22/%3E%0A%20%20%3Cpath%20d%3D%22M18%2036l31-18-18%2031-3.6-11.6L18%2036z%22%20fill%3D%22url%28%23g2%29%22/%3E%0A%20%20%3Cpath%20d%3D%22M28.1%2037.4L49%2018%2031%2031.1%2028.1%2037.4z%22%20fill%3D%22url%28%23g3%29%22%20opacity%3D%22.95%22/%3E%0A%3C/g%3E%0A%3C/svg%3E")!important;
  filter:drop-shadow(0 1px 2px rgba(25,95,33,.18))!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal[data-slhc-dashboard-kind="progress"] .slhc-dashboard-modal-head h3::before,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal[data-slhc-dashboard-kind="progress"] .slhc-dashboard-modal-head h3::before{
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='8' y='8' width='48' height='48' rx='10' fill='%23eef3f7' stroke='%23d8e0e8'/%3E%3Cpath d='M20 48V30' stroke='%2367b84e' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M32 48V38' stroke='%23e44d5d' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M44 48V22' stroke='%234f9fe9' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M16 50h32' stroke='%23c6d2dc' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.08))!important;
}


/* ========================================================================
   0.101 — Ask Listy Chat Dark Mode Completion
   Scoped to Core 0.641's real .sl-listy panel selectors.
   CSS-only; Core keeps all chat behavior and data ownership.
   ======================================================================== */

.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-panel,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-panel{
  background:#101720!important;
  border-color:#354151!important;
  color:#edf2f7!important;
  box-shadow:0 20px 58px rgba(0,0,0,.52)!important;
}

/* Header */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-panel>header,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-panel>header{
  background:#18222e!important;
  border-bottom-color:#354151!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-panel>header strong,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-panel>header strong{
  color:#7fdf92!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-panel>header small,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-panel>header small{
  color:#9eabb7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-panel>header button,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-panel>header button{
  background:#22303b!important;
  border:1px solid #3b4856!important;
  color:#e6edf2!important;
  box-shadow:none!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-panel>header button:hover,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-panel>header button:focus-visible,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-panel>header button:hover,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-panel>header button:focus-visible{
  background:#2b3a47!important;
  color:#fff!important;
}

/* Messages area */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-messages,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-messages{
  background:#101720!important;
  scrollbar-color:#485767 #101720!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-messages .is-listy,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-messages .is-listy{
  background:#18222e!important;
  border-color:#354151!important;
  color:#edf2f7!important;
  box-shadow:none!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-messages .is-user,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-messages .is-user{
  background:#239b42!important;
  color:#fff!important;
}

/* Composer */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-panel form,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-panel form{
  background:#18222e!important;
  border-top-color:#354151!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-panel textarea,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-panel input,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-panel textarea,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-panel input{
  background:#0f1720!important;
  color:#edf2f7!important;
  -webkit-text-fill-color:#edf2f7!important;
  border-color:#405063!important;
  caret-color:#7fdf92!important;
  box-shadow:none!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-panel textarea::placeholder,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-panel input::placeholder,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-panel textarea::placeholder,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-panel input::placeholder{
  color:#7f8d9a!important;
  opacity:1!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-panel form button,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-panel form button{
  background:#29a94b!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-panel form button:hover,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-panel form button:focus-visible,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-panel form button:hover,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-panel form button:focus-visible{
  background:#31b954!important;
}

/* Avatar / local mode indicator remain readable. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-avatar img,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-listy-avatar>span,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-avatar img,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-listy-avatar>span{
  background:#22302a!important;
  color:#7fdf92!important;
}


/* ========================================================================
   0.102 — Saved List View Dark Mode Completion
   Scoped only to Core 0.641's saved-list interaction/view screen.
   CSS-only; Core retains all list, progress, share and item logic.
   ======================================================================== */

/* Modal shell around the opened list */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal-card:has(.sl-list-view),
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal-card:has(.sl-list-view){
  background:#101720!important;
  border-color:#354151!important;
  color:#edf2f7!important;
  box-shadow:0 22px 64px rgba(0,0,0,.52)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal-card:has(.sl-list-view) [data-sl-modal-content],
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal-card:has(.sl-list-view) [data-sl-modal-content]{
  background:#101720!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal-card:has(.sl-list-view) .sl-modal-close,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal-card:has(.sl-list-view) .sl-modal-close{
  background:#22303b!important;
  border:1px solid #405063!important;
  color:#e7edf2!important;
  box-shadow:0 2px 8px rgba(0,0,0,.25)!important;
}

/* Whole list article + header */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view{
  background:#101720!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-header,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-header{
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-title-row h2,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-title-row h2{
  color:#f2f6f9!important;
  -webkit-text-fill-color:#f2f6f9!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-edit,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-edit{
  background:#22303b!important;
  border-color:#405063!important;
  color:#dce5eb!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-title-icon,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-title-icon{
  background:#1c2b24!important;
  border-color:#365844!important;
  color:#83dd96!important;
  box-shadow:none!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-details,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-details{
  color:#9eabb7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-details span,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-details span{
  background:#18222e!important;
  border-color:#354151!important;
  color:#aeb9c2!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-more-details,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-more-details summary,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-more-details,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-more-details summary{
  color:#aeb9c2!important;
}

/* Progress card */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-progress-compact,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-progress-compact{
  background:#18222e!important;
  border-color:#354151!important;
  color:#edf2f7!important;
  box-shadow:none!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-progress-compact>div:first-child,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-progress-compact>div:first-child{
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-progress-compact small,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-progress-compact small{
  color:#9eabb7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-progress,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-progress{
  background:#33404c!important;
}

/* Section heading pills, e.g. Before you shop / Fresh food */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-section-heading,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-section-heading{
  color:#76d98a!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-section-heading span,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-section-heading span{
  background:#1a2d22!important;
  border-color:#356344!important;
  color:#83df96!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-divider,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-divider{
  background:linear-gradient(90deg,transparent,#53655a 12%,#53655a 88%,transparent)!important;
}

/* Main item container + rows */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-items,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-items{
  background:#18222e!important;
  border-color:#354151!important;
  box-shadow:none!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-item,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-item{
  background:#18222e!important;
  color:#edf2f7!important;
  border-bottom-color:#303c49!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-item:nth-child(even),
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-item:nth-child(even){
  background:#16212b!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-item:hover,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-item:hover{
  filter:none!important;
  background:#1d2935!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-item-icon,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-item-icon{
  background:#22302a!important;
  color:#dce7df!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-item:nth-child(even) .sl-view-item-icon,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-item:nth-child(even) .sl-view-item-icon{
  background:#24323d!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-item-copy,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-item-copy{
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-item-copy strong,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-item-copy strong{
  color:#edf2f7!important;
  -webkit-text-fill-color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-item-copy small,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-item-copy small{
  color:#93a0ac!important;
}

/* Process checkbox / Share selector */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view.sl-mode-process .sl-process-choice .sl-view-check,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view.sl-mode-process .sl-process-choice .sl-view-check{
  background:#111923!important;
  border-color:#536270!important;
  color:#fff!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-select,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-select{
  background:#111923!important;
  border-color:#536270!important;
  color:#74d98a!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-item.is-share-selected .sl-view-select,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-item.is-share-selected .sl-view-select{
  background:#2aa64a!important;
  border-color:#2aa64a!important;
  color:#fff!important;
}

/* Quantity controls */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-qty,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-qty{
  background:#111923!important;
  border-color:#405063!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-qty button,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-qty button{
  background:#1a2d22!important;
  color:#7cda90!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-qty button:active,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-qty button:active{
  background:#244331!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-qty input,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-qty input{
  background:#111923!important;
  color:#edf2f7!important;
  -webkit-text-fill-color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-more,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-more{
  background:transparent!important;
  color:#9eabb7!important;
}

/* Green process headers stay brand-green; make their internal icon/card dark-safe */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-list-inline-choice-head,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-list-inline-choice-head{
  color:#fff!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-list-inline-choice-icon,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-list-inline-choice-icon{
  background:#edf7ef!important;
  border-color:rgba(255,255,255,.34)!important;
}

/* Group/member sections */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-preview-task-section,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-preview-task-section{
  background:#18222e!important;
  border-color:#354151!important;
  box-shadow:none!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-preview-task-section-head,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-preview-task-section-head{
  background:#1a2d22!important;
  border-bottom-color:#354151!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-preview-task-section.is-unassigned .sl-preview-task-section-head,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-preview-task-section.is-unassigned .sl-preview-task-section-head{
  background:#202a34!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-preview-task-section-head strong,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-preview-task-section-head strong{
  color:#8ae09c!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-preview-task-section-head small,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-preview-task-section-head small{
  color:#9eabb7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-preview-task-section-head>button,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-preview-task-section-head>button{
  background:#22303b!important;
  border-color:#405063!important;
  color:#83df96!important;
}

/* Notes / footer / action cards */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-notes,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-notes{
  background:#18222e!important;
  border-color:#354151!important;
  color:#dce4ea!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-view-notes summary,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-view-notes summary{
  color:#dce4ea!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-editor-action-card,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-editor-action-card{
  background:#18222e!important;
  border-color:#354151!important;
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-list-view .sl-delete-list-wide,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-list-view .sl-delete-list-wide{
  background:#321d20!important;
  border-color:#6c3538!important;
  color:#ff8f88!important;
}

/* Item more-menu/dialogs opened from this screen */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-view-item-menu,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-view-item-menu,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-view-item-dialog-card,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-view-item-dialog-card{
  background:#18222e!important;
  border-color:#354151!important;
  color:#edf2f7!important;
  box-shadow:0 18px 44px rgba(0,0,0,.46)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-view-item-menu button,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-view-item-menu button{
  background:transparent!important;
  color:#dce5eb!important;
  border-bottom-color:#303c49!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-view-item-menu button:hover,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-view-item-menu button:hover{
  background:#22303b!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-view-item-dialog-head,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-view-item-dialog-head{
  background:#18222e!important;
  border-bottom-color:#354151!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-view-item-dialog-head strong,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-view-item-dialog-head strong{
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-view-item-dialog-head button,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-view-item-dialog-head button{
  background:#22303b!important;
  color:#edf2f7!important;
  border-color:#405063!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-view-item-dialog-body,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-view-item-dialog-body{
  background:#101720!important;
  color:#dce4ea!important;
}

/* Unified bottom Progress / Share / Done capsule */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-workflow-portal.sl-list-action-capsule-wrap .sl-list-action-capsule,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-workflow-portal.sl-list-action-capsule-wrap .sl-list-action-capsule{
  background:#18222e!important;
  border-color:#405063!important;
  box-shadow:0 8px 20px rgba(0,0,0,.38)!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-workflow-portal.sl-list-action-capsule-wrap .sl-list-action-capsule button,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-workflow-portal.sl-list-action-capsule-wrap .sl-list-action-capsule button{
  background:transparent!important;
  color:#8fdda0!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-workflow-portal.sl-list-action-capsule-wrap .sl-list-action-capsule>i,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-workflow-portal.sl-list-action-capsule-wrap .sl-list-action-capsule>i{
  color:#596673!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-workflow-portal.sl-list-action-capsule-wrap .sl-list-action-capsule button[data-list-bottom-mode="share"],
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-workflow-portal.sl-list-action-capsule-wrap .sl-list-action-capsule button[data-list-bottom-mode="share"]{
  color:#ffad65!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-workflow-portal.sl-list-action-capsule-wrap .sl-list-action-capsule button[data-list-bottom-mode="share"].is-active,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-workflow-portal.sl-list-action-capsule-wrap .sl-list-action-capsule button[data-list-bottom-mode="share"].is-active{
  background:#35261a!important;
  color:#ffb473!important;
  box-shadow:inset 0 0 0 1px #704b2f!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-workflow-portal.sl-list-action-capsule-wrap .sl-list-action-capsule button[data-list-bottom-mode="process"].is-active,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-workflow-portal.sl-list-action-capsule-wrap .sl-list-action-capsule button[data-list-bottom-done].is-active,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-workflow-portal.sl-list-action-capsule-wrap .sl-list-action-capsule button[data-list-bottom-mode="process"].is-active,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-workflow-portal.sl-list-action-capsule-wrap .sl-list-action-capsule button[data-list-bottom-done].is-active{
  background:#2aa64a!important;
  color:#fff!important;
}

/* Scrollbar within the opened list modal */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal-card:has(.sl-list-view),
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal-card:has(.sl-list-view){
  scrollbar-color:#485767 #101720!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal-card:has(.sl-list-view)::-webkit-scrollbar,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal-card:has(.sl-list-view)::-webkit-scrollbar{
  width:8px!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal-card:has(.sl-list-view)::-webkit-scrollbar-track,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal-card:has(.sl-list-view)::-webkit-scrollbar-track{
  background:#101720!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .sl-modal-card:has(.sl-list-view)::-webkit-scrollbar-thumb,
.slhc-shell-preview .send-list-app.sl-dark-mode .sl-modal-card:has(.sl-list-view)::-webkit-scrollbar-thumb{
  background:#485767!important;
  border-radius:999px!important;
}


/* 0.103 — reduce Send Listy header logo by an additional 10% */
.send-list-app[data-slhc-layout-mode="live"] .sl-brand-icon,
.slhc-shell-preview .send-list-app .sl-brand-icon{
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
}
@media(max-width:650px){
  .send-list-app[data-slhc-layout-mode="live"] .sl-brand-icon,
  .slhc-shell-preview .send-list-app .sl-brand-icon{
    width:29px!important;
    height:29px!important;
    border-radius:8px!important;
  }
}


/* 0.104 — saved list view: Done toggle + canonical checked box */
.send-list-app[data-slhc-layout-mode="live"] .sl-list-view .sl-list-inline-choice-head [data-slhc-select-toggle],
.slhc-shell-preview .send-list-app .sl-list-view .sl-list-inline-choice-head [data-slhc-select-toggle]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:86px!important;
  padding:0 12px!important;
  white-space:nowrap!important;
}
.send-list-app[data-slhc-layout-mode="live"] .sl-list-view .sl-list-inline-choice-head [data-slhc-select-toggle] .slhc-inline-choice-label,
.slhc-shell-preview .send-list-app .sl-list-view .sl-list-inline-choice-head [data-slhc-select-toggle] .slhc-inline-choice-label{
  line-height:1!important;
}
.send-list-app[data-slhc-layout-mode="live"] .sl-list-view .sl-list-inline-choice-head [data-slhc-select-toggle] .slhc-inline-choice-arrow,
.slhc-shell-preview .send-list-app .sl-list-view .sl-list-inline-choice-head [data-slhc-select-toggle] .slhc-inline-choice-arrow{
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  min-height:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:14px!important;
  font-size:11px!important;
  font-weight:900!important;
}
.send-list-app[data-slhc-layout-mode="live"] .sl-list-view.sl-mode-process .sl-process-choice.slhc-check-selected,
.send-list-app[data-slhc-layout-mode="live"] .sl-list-view.sl-mode-process .sl-view-select.slhc-check-selected,
.slhc-shell-preview .send-list-app .sl-list-view.sl-mode-process .sl-process-choice.slhc-check-selected,
.slhc-shell-preview .send-list-app .sl-list-view.sl-mode-process .sl-view-select.slhc-check-selected{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:none!important;
}
.send-list-app[data-slhc-layout-mode="live"] .sl-list-view.sl-mode-process .sl-process-choice .sl-view-check,
.slhc-shell-preview .send-list-app .sl-list-view.sl-mode-process .sl-process-choice .sl-view-check{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.send-list-app[data-slhc-layout-mode="live"] .sl-list-view .sl-view-check.slhc-checked,
.slhc-shell-preview .send-list-app .sl-list-view .sl-view-check.slhc-checked{
  background:#2aa64a!important;
  border-color:#2aa64a!important;
  box-shadow:none!important;
  outline:none!important;
  color:#fff!important;
}
.send-list-app[data-slhc-layout-mode="live"] .sl-list-view .sl-view-check.slhc-checked *,
.slhc-shell-preview .send-list-app .sl-list-view .sl-view-check.slhc-checked *{
  color:#fff!important;
  fill:#fff!important;
  stroke:#fff!important;
}


/* ==========================================================================
   0.105 — Unified Window Header Contract
   Homepage Control uses the accepted Libraries header as the canonical chrome.
   ========================================================================== */

/* Libraries / Offers / Tutorials */
.send-list-app[data-slhc-layout-mode="live"] .slhc-app-fold-toolbar,
.slhc-shell-preview .send-list-app .slhc-app-fold-toolbar{
  min-height:52px!important;
  height:52px!important;
  grid-template-columns:34px minmax(0,1fr) 34px!important;
  gap:10px!important;
  padding:0 9px!important;
  background:#fff!important;
  border-bottom:1px solid #edf2ee!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-app-fold-toolbar strong,
.slhc-shell-preview .send-list-app .slhc-app-fold-toolbar strong{
  font-size:15px!important;
  font-weight:700!important;
  text-align:center!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-app-fold-circle,
.slhc-shell-preview .send-list-app .slhc-app-fold-circle{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border:1px solid #dfe7e1!important;
  border-radius:50%!important;
  background:#f5f8f6!important;
  color:#55625b!important;
  box-shadow:0 2px 6px rgba(20,52,31,.06)!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-app-fold-circle.is-back span,
.slhc-shell-preview .send-list-app .slhc-app-fold-circle.is-back span{
  font-size:17px!important;
  line-height:1!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-app-fold-circle.is-close span,
.slhc-shell-preview .send-list-app .slhc-app-fold-circle.is-close span{
  font-size:20px!important;
  line-height:1!important;
}

/* Dashboard floating windows: Back · centered title · Close. */
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal-head,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal-head{
  min-height:52px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 34px!important;
  align-items:center!important;
  gap:10px!important;
  margin:-14px -14px 10px!important;
  padding:0 9px!important;
  background:#fff!important;
  border-bottom:1px solid #edf2ee!important;
  border-radius:22px 22px 0 0!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal-head h3,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal-head h3{
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal-back,
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal-close,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal-back,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal-close{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #dfe7e1!important;
  border-radius:50%!important;
  background:#f5f8f6!important;
  color:#55625b!important;
  box-shadow:0 2px 6px rgba(20,52,31,.06)!important;
  cursor:pointer!important;
  font:inherit!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal-back span,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal-back span{
  font-size:17px!important;
  line-height:1!important;
  font-weight:700!important;
}
.send-list-app[data-slhc-layout-mode="live"] .slhc-dashboard-modal-close,
.slhc-shell-preview .send-list-app .slhc-dashboard-modal-close{
  font-size:20px!important;
  line-height:1!important;
  font-weight:800!important;
}

/* Dark mode keeps the exact same geometry. */
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-app-fold-toolbar,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-dashboard-modal-head,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-app-fold-toolbar,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-dashboard-modal-head{
  background:#18222e!important;
  border-bottom-color:#354151!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-app-fold-toolbar strong,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-dashboard-modal-head h3,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-app-fold-toolbar strong,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-dashboard-modal-head h3{
  color:#edf2f7!important;
}
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-app-fold-circle,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-dashboard-modal-back,
.send-list-app.sl-dark-mode[data-slhc-layout-mode="live"] .slhc-dashboard-modal-close,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-app-fold-circle,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-dashboard-modal-back,
.slhc-shell-preview .send-list-app.sl-dark-mode .slhc-dashboard-modal-close{
  background:#22303b!important;
  border-color:#405063!important;
  color:#dce5eb!important;
  box-shadow:none!important;
}