/* Send Listy Core 0.451 — To do Steps / Focus Timeline */
.send-list-app .sl-todo-view,.send-list-app .sl-todo-editor{--todo-green:var(--sl-green,#2f9e44);--todo-orange:var(--sl-orange,#ff6a1a);--todo-text:#17231b;--todo-muted:#68746d;--todo-border:#dfe7e0;--todo-soft:#f7faf7;color:var(--todo-text);font-family:var(--sl-ui-font,Inter,Arial,sans-serif)}
.sl-todo-view-toolbar,.sl-todo-editor-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.sl-todo-view-toolbar>div,.sl-todo-editor-title>div:last-child{display:flex;gap:8px}.sl-todo-view-toolbar button,.sl-todo-editor-title>button{min-height:42px;border:1px solid var(--todo-border);border-radius:12px;background:#fff;padding:8px 13px;color:#334238;font:inherit;font-weight:750;cursor:pointer}
.sl-todo-hero{position:relative;min-height:210px;border:1px solid var(--todo-border);border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#fff8f2,#f0f8f1);display:flex;align-items:flex-end;padding:24px;margin-bottom:14px}.sl-todo-hero.has-cover{background-image:var(--sl-todo-cover);background-size:cover;background-position:center}.sl-todo-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.88) 45%,rgba(255,255,255,.18) 78%,rgba(255,255,255,.05) 100%)}[dir=rtl] .sl-todo-hero-shade{background:linear-gradient(270deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.88) 45%,rgba(255,255,255,.18) 78%,rgba(255,255,255,.05) 100%)}.sl-todo-hero-copy{position:relative;z-index:1;width:min(560px,72%)}.sl-todo-hero h2{margin:0;font-size:clamp(25px,4vw,38px);line-height:1.12}.sl-todo-hero p{margin:10px 0 0;color:#536158;line-height:1.55}.sl-todo-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.sl-todo-meta span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #e3e9e3;border-radius:10px;background:rgba(255,255,255,.9);font-size:12px;font-weight:700}
.sl-todo-progress-card{padding:14px 16px;border:1px solid var(--todo-border);border-radius:16px;background:#fff;margin-bottom:14px}.sl-todo-progress-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.sl-todo-progress-card b{color:var(--todo-green)}.sl-todo-progress{height:8px;border-radius:999px;background:#e7ebe8;overflow:hidden;margin-top:10px}.sl-todo-progress span{display:block;height:100%;border-radius:inherit;background:var(--todo-green);transition:width .25s ease}
.sl-todo-phase-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin-bottom:18px}.sl-todo-phase-chip{min-width:0;min-height:76px;border:1px solid var(--todo-border);border-radius:15px;background:#fff;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;gap:2px 8px;padding:10px;text-align:start;cursor:pointer}.sl-todo-phase-chip>span{grid-row:1/3;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#f0f4f1}.sl-todo-phase-chip b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-todo-phase-chip small{font-size:11px;color:var(--todo-muted)}.sl-todo-phase-chip.is-complete{border-color:#bee2c5;background:#f7fcf8}.sl-todo-phase-chip.is-complete>span{background:#e7f7ea;color:var(--todo-green)}.sl-todo-phase-chip.is-active{border-color:color-mix(in srgb,var(--todo-orange) 55%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--todo-orange) 9%,transparent)}.sl-todo-phase-chip.is-active>span{background:#fff0e6;color:var(--todo-orange)}
.sl-todo-timeline{display:grid;gap:22px}.sl-todo-phase{border:1px solid var(--todo-border);border-radius:20px;background:#fff;padding:16px}.sl-todo-phase-head{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:start;padding:0 0 13px;border-bottom:1px solid #edf1ee;margin-bottom:8px}.sl-todo-phase-icon{width:44px;height:44px;border-radius:14px;background:#edf8ef;color:var(--todo-green);display:grid;place-items:center;font-size:22px}.sl-todo-phase-head small{display:block;color:var(--todo-muted);font-size:11px}.sl-todo-phase-head h3{margin:1px 0 0;font-size:18px}.sl-todo-phase-head p{margin:4px 0 0;color:var(--todo-muted);font-size:12px}.sl-todo-phase-head>b{min-width:42px;padding:5px 8px;border-radius:999px;background:#f2f5f2;text-align:center;font-size:11px;color:#59665e}
.sl-todo-phase-line{position:relative;padding:6px 0 2px 56px}.sl-todo-phase-line:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:#e3e8e4;border-radius:2px}[dir=rtl] .sl-todo-phase-line{padding:6px 56px 2px 0}[dir=rtl] .sl-todo-phase-line:before{left:auto;right:20px}.sl-todo-step-card{position:relative;margin:10px 0}.sl-todo-marker{position:absolute;z-index:2;left:-55px;top:12px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid #d9dfda;background:#fff;font-weight:850;color:#26342b}[dir=rtl] .sl-todo-marker{left:auto;right:-55px}.sl-todo-marker.is-complete{background:var(--todo-green);border-color:var(--todo-green);color:#fff}.sl-todo-marker.is-current{border:2px solid var(--todo-orange);color:#111;background:#fff}.sl-todo-step-compact{width:100%;min-height:72px;border:1px solid var(--todo-border);border-radius:15px;background:#fff;display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:10px 13px;text-align:start;cursor:pointer}.sl-todo-step-compact:hover{background:#fbfdfb}.sl-todo-step-compact small{display:block;color:var(--todo-muted);font-size:11px}.sl-todo-step-compact strong{display:block;margin-top:2px;font-size:15px}.sl-todo-step-compact>span:last-child{font-size:23px;color:#78847c}.sl-todo-item-icon{width:46px;height:46px;border-radius:13px;background:#edf8ef;color:var(--todo-green);display:grid;place-items:center;font-size:23px;overflow:hidden}.sl-todo-item-icon img{width:100%;height:100%;object-fit:cover}.sl-todo-item-icon.is-current{width:54px;height:54px;background:#fff0e6;color:var(--todo-orange)}
.sl-todo-step-card.is-current{border:1.5px solid var(--todo-orange);border-radius:18px;background:#fff;padding:18px;box-shadow:0 8px 22px rgba(255,106,26,.07)}.sl-todo-step-card.is-current:after{content:"";position:absolute;right:12px;bottom:10px;width:82px;height:45px;opacity:.22;background-image:radial-gradient(var(--todo-orange) 1.3px,transparent 1.3px);background-size:9px 9px;pointer-events:none}.sl-todo-step-main{position:relative;z-index:1}.sl-todo-step-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.sl-todo-step-kicker>span{font-size:11px;font-weight:900;color:var(--todo-orange);letter-spacing:.02em}.sl-todo-step-kicker small{color:#6a756e}.sl-todo-step-heading{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center}.sl-todo-step-heading small{display:block;color:var(--todo-muted);font-size:11px}.sl-todo-step-heading h3{margin:2px 0 0;font-size:20px}.sl-todo-step-description{color:#536158;line-height:1.6;margin:13px 0}.sl-todo-warning,.sl-todo-note{border:1px solid #f4c8aa;border-radius:13px;background:#fff8f3;padding:11px 13px;margin:12px 0}.sl-todo-warning strong{color:var(--todo-orange)}.sl-todo-warning p,.sl-todo-note p{margin:4px 0 0;color:#5f6962;line-height:1.5}.sl-todo-note{border-color:#dce8dd;background:#f7fbf7}.sl-todo-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:12px 0}.sl-todo-step-image{border:0;border-radius:14px;overflow:hidden;padding:0;background:#eef2ef;cursor:zoom-in;min-height:150px}.sl-todo-step-image img{width:100%;height:100%;min-height:150px;max-height:250px;object-fit:cover;display:block}.sl-todo-video{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#101310}.sl-todo-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.sl-todo-video-link,.sl-todo-link,.sl-todo-view-files a,.sl-todo-view-files span{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 11px;border:1px solid var(--todo-border);border-radius:11px;background:#fff;color:#2f4736;text-decoration:none;font-size:12px;font-weight:750}.sl-todo-view-files{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.sl-todo-mark-done{min-height:48px;border:0;border-radius:12px;background:var(--todo-orange);color:#fff;padding:0 20px;font:inherit;font-weight:850;cursor:pointer;margin-top:12px;box-shadow:0 6px 14px rgba(255,106,26,.17)}.sl-todo-view-footer,.sl-todo-preview-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:15px;border-top:1px solid var(--todo-border)}.sl-todo-view-footer button,.sl-todo-preview-footer button{min-height:44px;border:1px solid var(--todo-border);border-radius:12px;background:#fff;padding:8px 14px;font:inherit;font-weight:800}.sl-todo-view-footer .is-share{background:var(--todo-orange);border-color:var(--todo-orange);color:#fff}
/* Editor */
.sl-todo-editor-title{align-items:flex-start}.sl-todo-editor-title small{color:var(--todo-orange);font-weight:850}.sl-todo-editor-title h2{margin:2px 0 0;font-size:26px}.sl-todo-editor-title p{margin:5px 0 0;color:var(--todo-muted);font-size:13px}.sl-todo-editor-hero-settings{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:16px;border:1px solid var(--todo-border);border-radius:18px;background:#fff;padding:15px;margin-bottom:13px}.sl-todo-editor-cover{display:grid;gap:8px}.sl-todo-editor-cover-preview,.sl-todo-editor-cover-empty{position:relative;aspect-ratio:16/8;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#fff3e9,#eef8ef);display:grid;place-items:center}.sl-todo-editor-cover-preview img{width:100%;height:100%;object-fit:cover}.sl-todo-editor-cover-preview button{position:absolute;top:8px;right:8px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(20,25,22,.74);color:#fff;font-size:20px}.sl-todo-cover-picker{min-height:42px;border:1px dashed #cfd8d0;border-radius:11px;display:grid;place-items:center;cursor:pointer;font-size:12px;font-weight:800}.sl-todo-cover-picker input{position:absolute;opacity:0;pointer-events:none}.sl-todo-editor-list-fields,.sl-todo-editor-step-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sl-todo-editor-list-fields label,.sl-todo-editor-step-grid label{display:grid;gap:5px}.sl-todo-editor-list-fields label>span,.sl-todo-editor-step-grid label>span{font-size:11px;color:#56635b;font-weight:800}.sl-todo-editor-list-fields .is-wide,.sl-todo-editor-step-grid .is-wide{grid-column:1/-1}.sl-todo-editor input,.sl-todo-editor textarea,.sl-todo-editor select{width:100%;min-height:42px;border:1px solid #d3ddd5;border-radius:11px;background:#fff;padding:9px 11px;color:#1f2d23;font:inherit;font-size:14px;outline:none}.sl-todo-editor textarea{resize:vertical;line-height:1.45}.sl-todo-editor input:focus,.sl-todo-editor textarea:focus,.sl-todo-editor select:focus{border-color:var(--todo-green);box-shadow:0 0 0 3px rgba(47,158,68,.08)}.sl-todo-number-field{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #d3ddd5;border-radius:11px;overflow:hidden}.sl-todo-number-field input{border:0!important;border-radius:0!important;box-shadow:none!important}.sl-todo-number-field em{font-style:normal;padding:0 10px;color:#69756e;font-size:12px}.sl-todo-editor-progress{border:1px solid var(--todo-border);border-radius:14px;background:#fff;padding:11px 13px;margin-bottom:14px}.sl-todo-editor-progress>div:first-child{display:flex;justify-content:space-between;font-size:12px}.sl-todo-editor-progress>div:last-child{height:7px;background:#e7ece8;border-radius:99px;overflow:hidden;margin-top:8px}.sl-todo-editor-progress>div:last-child span{display:block;height:100%;background:var(--todo-green)}
.sl-todo-editor-phases{display:grid;gap:14px}.sl-todo-editor-phase{border:1px solid var(--todo-border);border-radius:18px;background:#fff;padding:14px}.sl-todo-editor-phase>header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:start;padding-bottom:12px;border-bottom:1px solid #edf1ee}.sl-todo-editor-phase-icon{width:44px;height:44px;border-radius:13px;background:#edf8ef;color:var(--todo-green);display:grid;place-items:center;font-size:21px}.sl-todo-editor-phase header small{display:block;color:var(--todo-muted);margin-bottom:3px}.sl-todo-editor-phase header input{font-weight:850}.sl-todo-editor-phase header textarea{margin-top:6px;min-height:58px}.sl-todo-editor-row-actions{display:flex;gap:5px}.sl-todo-editor-row-actions button{width:34px;height:34px;border:1px solid #dce4dd;border-radius:9px;background:#fff;font-weight:800;cursor:pointer}.sl-todo-editor-row-actions .is-danger{color:#b23d32;background:#fff7f6}.sl-todo-editor-phase-steps{display:grid;gap:9px;padding:11px 0}.sl-todo-editor-step{border:1px solid #e0e7e1;border-radius:15px;background:#fbfdfb;padding:11px}.sl-todo-editor-step-head{display:grid;grid-template-columns:34px 44px minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:10px}.sl-todo-editor-number{width:32px;height:32px;border:1.5px solid var(--todo-orange);border-radius:50%;display:grid;place-items:center;font-weight:900}.sl-todo-editor-icon{width:44px;height:44px;border:0;border-radius:12px;background:#fff0e6;color:var(--todo-orange);display:grid;place-items:center;font-size:21px;overflow:hidden;cursor:pointer}.sl-todo-editor-icon img{width:100%;height:100%;object-fit:cover}.sl-todo-editor-step-head small{display:block;color:var(--todo-muted);font-size:10px}.sl-todo-editor-step-head input{min-height:38px;font-weight:800}.sl-todo-editor-step-grid .is-warning textarea{background:#fff9f4;border-color:#f2ccb2}.sl-todo-editor-step-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.sl-todo-editor-step-tools button,.sl-todo-add-step,.sl-todo-add-phase{min-height:40px;border:1px solid #d8e2da;border-radius:11px;background:#fff;color:#33463a;padding:8px 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.sl-todo-add-step{width:100%;border-style:dashed;background:#f8fbf8}.sl-todo-add-phase{width:100%;min-height:48px;margin-top:13px;border:1px dashed color-mix(in srgb,var(--todo-orange) 50%,#d8e2da);color:var(--todo-orange);background:#fffaf6}.sl-todo-editor-files{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.sl-todo-editor-file{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:9px;background:#f0f4f1;font-size:11px}.sl-todo-editor-file button{border:0;background:transparent;color:#a33;font-size:17px}.sl-todo-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding:14px 0 2px}.sl-todo-editor-actions>div{display:flex;gap:8px}.sl-todo-editor-actions button{min-height:44px;border:1px solid var(--todo-border);border-radius:12px;background:#fff;padding:8px 15px;font:inherit;font-weight:850;cursor:pointer}.sl-todo-editor-actions .is-primary{background:var(--todo-orange);border-color:var(--todo-orange);color:#fff}.sl-todo-editor-actions .is-danger{color:#b23d32}.sl-todo-empty{padding:14px;text-align:center;color:var(--todo-muted);font-size:12px}
@media(max-width:760px){.sl-todo-hero{min-height:0;padding:0;display:block;background-position:center top}.sl-todo-hero.has-cover:before{content:"";display:block;aspect-ratio:16/7;background-image:var(--sl-todo-cover);background-size:cover;background-position:center}.sl-todo-hero.has-cover{background-image:none}.sl-todo-hero-shade{display:none}.sl-todo-hero-copy{width:100%;padding:17px}.sl-todo-hero h2{font-size:25px}.sl-todo-phase-nav{display:flex;overflow-x:auto;grid-template-columns:none;padding-bottom:3px;scrollbar-width:none}.sl-todo-phase-nav::-webkit-scrollbar{display:none}.sl-todo-phase-chip{flex:0 0 145px}.sl-todo-phase{padding:12px}.sl-todo-phase-line{padding-left:49px}.sl-todo-phase-line:before{left:17px}[dir=rtl] .sl-todo-phase-line{padding-left:0;padding-right:49px}[dir=rtl] .sl-todo-phase-line:before{right:17px}.sl-todo-marker{left:-47px;width:36px;height:36px;top:13px}[dir=rtl] .sl-todo-marker{left:auto;right:-47px}.sl-todo-step-card.is-current{padding:14px}.sl-todo-step-heading{grid-template-columns:48px 1fr}.sl-todo-item-icon.is-current{width:48px;height:48px}.sl-todo-media-grid{grid-template-columns:1fr}.sl-todo-step-image{min-height:135px}.sl-todo-editor-hero-settings{grid-template-columns:1fr}.sl-todo-editor-list-fields,.sl-todo-editor-step-grid{grid-template-columns:1fr}.sl-todo-editor-list-fields .is-wide,.sl-todo-editor-step-grid .is-wide{grid-column:auto}.sl-todo-editor-step-head{grid-template-columns:32px 42px minmax(0,1fr)}.sl-todo-editor-step-head .sl-todo-editor-row-actions{grid-column:1/-1;justify-content:flex-end}.sl-todo-editor-phase>header{grid-template-columns:42px minmax(0,1fr)}.sl-todo-editor-phase>header .sl-todo-editor-row-actions{grid-column:1/-1;justify-content:flex-end}.sl-todo-editor-actions{align-items:stretch;flex-direction:column-reverse}.sl-todo-editor-actions>div{display:grid;grid-template-columns:1fr 1fr}.sl-todo-editor-actions>button{width:100%}.sl-todo-view-toolbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);padding:5px 0;backdrop-filter:blur(8px)}.sl-todo-view-toolbar button{min-height:40px;padding:7px 10px;font-size:12px}}
@media(max-width:420px){.sl-todo-step-compact{grid-template-columns:42px 1fr auto;padding:9px}.sl-todo-item-icon{width:42px;height:42px}.sl-todo-phase-head{grid-template-columns:40px 1fr auto}.sl-todo-phase-icon{width:40px;height:40px}.sl-todo-step-kicker{align-items:flex-start}.sl-todo-editor-title{flex-direction:column}.sl-todo-editor-title>button{width:100%}}
@media(prefers-reduced-motion:reduce){.sl-todo-progress span{transition:none}}

/* 0.451: step content image is independent from the item icon/thumbnail. */
.sl-todo-editor-step-media{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin-top:9px}.sl-todo-editor-step-image-preview{position:relative;width:min(220px,100%);aspect-ratio:16/9;border:1px solid var(--todo-border);border-radius:12px;overflow:hidden;background:#f3f6f3}.sl-todo-editor-step-image-preview img{width:100%;height:100%;object-fit:cover}.sl-todo-editor-step-image-preview button{position:absolute;top:6px;right:6px;width:32px;height:32px;border:0;border-radius:50%;background:rgba(20,25,22,.72);color:#fff;font-size:18px;cursor:pointer}.sl-todo-step-image-picker{min-height:44px;display:inline-grid;place-items:center;padding:8px 12px;border:1px dashed #cfd9d1;border-radius:11px;background:#fff;color:#33463a;font-size:12px;font-weight:800;cursor:pointer}.sl-todo-step-image-picker input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.sl-todo-step-image-picker:hover{border-color:var(--todo-orange);color:var(--todo-orange)}
[dir=rtl] .sl-todo-editor-step-image-preview button{right:auto;left:6px}
@media(max-width:520px){.sl-todo-editor-step-media{display:grid;grid-template-columns:1fr}.sl-todo-editor-step-image-preview{width:100%}.sl-todo-step-image-picker{width:100%}}

/* Public shared To do Steps keeps the same Focus Timeline identity without modal chrome. */
.sl-public-todo{max-width:980px!important;margin:0 auto!important;padding-bottom:96px!important}.sl-public-todo .sl-public-todo-brand{margin-bottom:12px}.sl-public-todo .sl-todo-hero h1{position:relative;z-index:1;margin:0;font-size:clamp(25px,4vw,38px);line-height:1.12}.sl-public-todo-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sl-public-todo-actions .sl-public-more{position:static;width:46px;height:46px;border:1px solid var(--todo-border);border-radius:12px;background:#fff}.sl-public-todo .sl-todo-step-card:not(.is-current){padding-right:42px}.sl-public-todo-more-compact{position:absolute!important;right:4px!important;top:50%!important;transform:translateY(-50%);z-index:3}[dir=rtl].sl-public-todo .sl-todo-step-card:not(.is-current){padding-right:0;padding-left:42px}[dir=rtl] .sl-public-todo-more-compact{right:auto!important;left:4px!important}.sl-public-todo-receiver-note{margin:9px 0;padding:9px 11px;border-radius:10px;background:#f3f6f4;color:#536158;font-size:12px}.sl-public-todo-detail-copy{display:grid;gap:5px}.sl-public-todo-detail-copy p{margin:0;line-height:1.55}.sl-public-item-dialog .sl-todo-video{min-height:180px}
@media(max-width:760px){.sl-public-todo{padding-left:10px!important;padding-right:10px!important}.sl-public-todo .sl-todo-phase{border-radius:16px}.sl-public-todo .sl-todo-step-card:not(.is-current){padding-right:38px}[dir=rtl].sl-public-todo .sl-todo-step-card:not(.is-current){padding-right:0;padding-left:38px}}

.sl-todo-hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:14px;padding:9px 16px;border:1px solid var(--todo-orange);border-radius:12px;background:var(--todo-orange);color:#fff;font:inherit;font-size:13px;font-weight:850;cursor:pointer;box-shadow:0 7px 16px rgba(255,106,26,.16)}.sl-todo-hero-cta span{font-size:20px;line-height:1}[dir=rtl] .sl-todo-hero-cta span{transform:rotate(180deg)}

/* Core 0.453 — To do Steps action tray parity + persistent editor surface.
   Reuse the exact Core editor tray structure/colors/order instead of maintaining
   a separate To do Steps button system. Only the scrolling geometry stays local. */
.send-list-app:has(.sl-todo-editor-actions-portal) .sl-modal{
  bottom:calc(var(--sl-bottom-nav-height,78px) + env(safe-area-inset-bottom,0px))!important;
}
.send-list-app .sl-modal-card:has(.sl-todo-editor){
  overflow:hidden!important;
  height:calc(100% - 18px)!important;
  max-height:calc(100% - 18px)!important;
  display:flex!important;
  flex-direction:column!important;
}
.send-list-app .sl-modal-card:has(.sl-todo-editor) > [data-sl-modal-content]{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin;
  position:relative;
  padding-bottom:118px!important;
}
.send-list-app .sl-todo-editor-actions-portal .sl-collapsible-actions .sl-delete-list-wide{
  width:100%!important;
  margin:0!important;
}
@media(max-width:650px){
  .send-list-app .sl-modal-card:has(.sl-todo-editor){
    height:calc(100% - 12px)!important;
    max-height:calc(100% - 12px)!important;
  }
  .send-list-app .sl-modal-card:has(.sl-todo-editor) > [data-sl-modal-content]{
    padding-bottom:110px!important;
  }
}

/* Core 0.454 — To do Steps preview/action lifecycle + mobile typography refinement. */
.send-list-app .sl-todo-view.is-editor-preview{
  padding-bottom:78px!important;
}
.send-list-app .sl-todo-view-actions-portal{
  display:block!important;
}
.send-list-app .sl-todo-saved-preview-actions .is-share{
  background:#eff9f0!important;
  color:#187731!important;
  box-shadow:inset 0 0 0 1px rgba(47,158,47,.24)!important;
}
.send-list-app .sl-todo-saved-preview-actions .is-share span,
.send-list-app .sl-todo-saved-preview-actions .is-share b{
  color:#187731!important;
}
.send-list-app:has(.sl-todo-view-actions-portal) .sl-modal{
  bottom:calc(var(--sl-bottom-nav-height,78px) + env(safe-area-inset-bottom,0px))!important;
}

@media(max-width:760px){
  .send-list-app .sl-todo-view-toolbar{
    margin-bottom:10px;
    padding:3px 0 6px;
  }
  .send-list-app .sl-todo-view-toolbar button{
    min-height:36px!important;
    padding:6px 9px!important;
    border-radius:10px!important;
    font-size:11px!important;
    line-height:1.15!important;
    font-weight:760!important;
  }
  .send-list-app .sl-todo-hero-copy{
    padding:14px 15px 15px!important;
  }
  .send-list-app .sl-todo-hero h2{
    font-size:21px!important;
    line-height:1.16!important;
    letter-spacing:-.01em;
  }
  .send-list-app .sl-todo-hero p{
    margin-top:7px!important;
    font-size:13px!important;
    line-height:1.48!important;
  }
  .send-list-app .sl-todo-meta{
    margin-top:11px!important;
    gap:6px!important;
  }
  .send-list-app .sl-todo-meta span{
    padding:6px 8px!important;
    border-radius:9px!important;
    font-size:10.5px!important;
  }
  .send-list-app .sl-todo-hero-cta{
    min-height:40px!important;
    margin-top:11px!important;
    padding:7px 13px!important;
    border-radius:10px!important;
    font-size:11.5px!important;
  }
  .send-list-app .sl-todo-hero-cta span{
    font-size:17px!important;
  }
  .send-list-app .sl-todo-progress-card{
    padding:11px 12px!important;
    border-radius:14px!important;
  }
  .send-list-app .sl-todo-progress-card>div:first-child{
    font-size:11px!important;
  }
  .send-list-app .sl-todo-phase-chip{
    flex-basis:136px!important;
    min-height:68px!important;
    padding:8px!important;
  }
  .send-list-app .sl-todo-phase-chip b{
    font-size:11.5px!important;
  }
  .send-list-app .sl-todo-phase-chip small{
    font-size:9.5px!important;
  }
  .send-list-app .sl-todo-phase-head h3{
    font-size:15px!important;
    line-height:1.25!important;
  }
  .send-list-app .sl-todo-phase-head p{
    font-size:10.8px!important;
    line-height:1.42!important;
  }
  .send-list-app .sl-todo-step-compact strong{
    font-size:13px!important;
    line-height:1.3!important;
  }
  .send-list-app .sl-todo-step-compact small,
  .send-list-app .sl-todo-step-heading small{
    font-size:9.5px!important;
  }
  .send-list-app .sl-todo-step-heading h3{
    font-size:16px!important;
    line-height:1.25!important;
  }
  .send-list-app .sl-todo-step-description,
  .send-list-app .sl-todo-warning p,
  .send-list-app .sl-todo-note p{
    font-size:12px!important;
    line-height:1.5!important;
  }
  .send-list-app .sl-todo-step-kicker>span,
  .send-list-app .sl-todo-step-kicker small{
    font-size:9.5px!important;
  }
  .send-list-app .sl-todo-mark-done{
    min-height:42px!important;
    padding:0 15px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }
  .send-list-app .sl-todo-link,
  .send-list-app .sl-todo-view-files a,
  .send-list-app .sl-todo-view-files span{
    min-height:36px!important;
    padding:6px 9px!important;
    font-size:10.5px!important;
  }
  .send-list-app .sl-todo-view.is-editor-preview{
    padding-bottom:70px!important;
  }
}

@media(max-width:420px){
  .send-list-app .sl-todo-hero h2{font-size:20px!important}
  .send-list-app .sl-todo-hero p{font-size:12.5px!important}
  .send-list-app .sl-todo-phase-chip{flex-basis:128px!important}
}

/* Core 0.455 — To do Steps deep interaction polish.
   1) Cover media is a bounded visual region, never a giant background behind text.
   2) Saved To do Steps reuse the Core's centered Process / Share capsule.
   3) Create/Save actions expose an immediate busy state so one tap is enough. */

.send-list-app .sl-todo-hero{
  min-height:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr)!important;
  align-items:stretch!important;
  background:linear-gradient(135deg,#fffaf5,#f5faf6)!important;
}
.send-list-app .sl-todo-hero.has-cover{
  background-image:none!important;
}
.send-list-app .sl-todo-hero.has-cover::before,
.send-list-app .sl-todo-hero-shade{
  display:none!important;
  content:none!important;
}
.send-list-app .sl-todo-hero-media{
  grid-column:2;
  grid-row:1;
  min-width:0;
  min-height:220px;
  max-height:300px;
  overflow:hidden;
  background:#f3f6f3;
  border-inline-start:1px solid var(--todo-border);
}
.send-list-app .sl-todo-hero-media img{
  width:100%;
  height:100%;
  min-height:220px;
  max-height:300px;
  display:block;
  object-fit:cover;
  object-position:center;
}
.send-list-app .sl-todo-hero-copy{
  grid-column:1;
  grid-row:1;
  align-self:center;
  width:auto!important;
  min-width:0;
  padding:22px 24px!important;
}
.send-list-app .sl-todo-hero h2,
.sl-public-todo .sl-todo-hero h1{
  font-size:clamp(21px,2.6vw,30px)!important;
  line-height:1.14!important;
  letter-spacing:-.012em;
}
.send-list-app .sl-todo-hero p,
.sl-public-todo .sl-todo-hero p{
  max-width:58ch;
  font-size:13.5px!important;
  line-height:1.5!important;
}
.send-list-app .sl-todo-meta span,
.sl-public-todo .sl-todo-meta span{
  font-size:10.5px!important;
  padding:6px 8px!important;
}
.send-list-app .sl-todo-editor-cover-preview,
.send-list-app .sl-todo-editor-cover-empty{
  aspect-ratio:16/6!important;
  max-height:150px!important;
}
.send-list-app .sl-todo-editor-cover-preview img{
  object-fit:cover!important;
  object-position:center!important;
}

/* Saved preview intentionally keeps only Save + Back. Sharing belongs to the
   established centered Core capsule in the saved interaction view. */
.send-list-app .sl-todo-saved-preview-actions.is-two-action{
  grid-template-columns:1fr auto 1fr!important;
}

/* One-tap feedback / race guard. */
.send-list-app .sl-todo-editor-actions-portal [data-todo-save].is-busy,
.send-list-app .sl-todo-view-actions-portal button.is-busy{
  opacity:.82!important;
  cursor:wait!important;
  pointer-events:none!important;
}
.send-list-app .sl-todo-editor-actions-portal [data-todo-save].is-busy::after,
.send-list-app .sl-todo-view-actions-portal button.is-busy::after{
  content:"";
  width:13px;
  height:13px;
  margin-inline-start:5px;
  border:2px solid currentColor;
  border-inline-end-color:transparent;
  border-radius:50%;
  display:inline-block;
  animation:slTodoBusySpin .7s linear infinite;
}
@keyframes slTodoBusySpin{to{transform:rotate(360deg)}}

/* The standard Core share capsule is the sole sharing surface in a saved
   To do Steps view. Keep it clear of the app bottom navigation. */
.send-list-app:has(.sl-todo-view) .sl-share-fab-portal{
  z-index:170!important;
}
.send-list-app .sl-todo-hidden-share-host[hidden]{display:none!important}

@media(max-width:760px){
  .send-list-app .sl-todo-hero{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    border-radius:17px!important;
  }
  .send-list-app .sl-todo-hero-media{
    grid-column:1!important;
    grid-row:1!important;
    width:100%;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/6.2;
    border-inline-start:0!important;
    border-bottom:1px solid var(--todo-border);
  }
  .send-list-app .sl-todo-hero-media img{
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/6.2;
    object-fit:cover!important;
  }
  .send-list-app .sl-todo-hero-copy{
    grid-column:1!important;
    grid-row:2!important;
    padding:13px 14px 14px!important;
  }
  .send-list-app .sl-todo-hero h2,
  .sl-public-todo .sl-todo-hero h1{
    font-size:19px!important;
    line-height:1.18!important;
  }
  .send-list-app .sl-todo-hero p,
  .sl-public-todo .sl-todo-hero p{
    margin-top:6px!important;
    font-size:11.8px!important;
    line-height:1.46!important;
  }
  .send-list-app .sl-todo-meta{
    margin-top:9px!important;
    gap:5px!important;
  }
  .send-list-app .sl-todo-meta span,
  .sl-public-todo .sl-todo-meta span{
    font-size:9.5px!important;
    padding:5px 7px!important;
    border-radius:8px!important;
  }
  .send-list-app .sl-todo-hero-cta{
    min-height:38px!important;
    margin-top:9px!important;
    padding:6px 12px!important;
    font-size:10.8px!important;
  }
  .send-list-app .sl-todo-editor-cover-preview,
  .send-list-app .sl-todo-editor-cover-empty{
    aspect-ratio:16/6.5!important;
    max-height:128px!important;
  }
}

@media(max-width:420px){
  .send-list-app .sl-todo-hero-media,
  .send-list-app .sl-todo-hero-media img{aspect-ratio:16/6.8}
  .send-list-app .sl-todo-hero h2,
  .sl-public-todo .sl-todo-hero h1{font-size:18px!important}
  .send-list-app .sl-todo-hero p,
  .sl-public-todo .sl-todo-hero p{font-size:11.3px!important}
}

@media(prefers-reduced-motion:reduce){
  .send-list-app .sl-todo-editor-actions-portal [data-todo-save].is-busy::after,
  .send-list-app .sl-todo-view-actions-portal button.is-busy::after{animation:none}
}

.send-list-app .sl-todo-editor-actions-portal [data-todo-save],
.send-list-app .sl-todo-view-actions-portal button{
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent;
}


/* ==========================================================================\n   Core 0.456 — To do Steps Feature Complete Candidate\n   Fresh v456 structure deliberately avoids legacy .sl-todo-hero background\n   selectors. Cover media is always its own bounded figure; text never overlays it.\n   ========================================================================== */
.send-list-app .sl-todo-system-v458{--todo-green:#28a745;--todo-green-soft:#eef9f1;--todo-orange:#ff7a00;--todo-orange-soft:#fff4e9;--todo-text:#203128;--todo-muted:#64736a;--todo-border:#dce6df;padding-bottom:92px}
.send-list-app .sl-todo-hero-v458,.sl-public-todo .sl-todo-hero-v458{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);overflow:hidden;border:1px solid var(--todo-border,#dce6df);border-radius:18px;background:#fff;margin:0 0 14px;box-shadow:0 4px 16px rgba(28,51,35,.035)}
.send-list-app .sl-todo-hero-v458.no-media,.sl-public-todo .sl-todo-hero-v458.no-media{grid-template-columns:1fr}
.send-list-app .sl-todo-hero-figure,.sl-public-todo .sl-todo-hero-figure{grid-column:2;grid-row:1;margin:0;min-width:0;height:220px;overflow:hidden;background:#f3f6f3;border-inline-start:1px solid var(--todo-border,#dce6df)}
.send-list-app .sl-todo-hero-figure img,.sl-public-todo .sl-todo-hero-figure img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.send-list-app .sl-todo-hero-body,.sl-public-todo .sl-todo-hero-body{grid-column:1;grid-row:1;min-width:0;align-self:center;padding:22px 24px;background:linear-gradient(135deg,#fff 0%,#fffaf6 100%)}
.send-list-app .sl-todo-hero-v458.no-media .sl-todo-hero-body,.sl-public-todo .sl-todo-hero-v458.no-media .sl-todo-hero-body{grid-column:1}
.send-list-app .sl-todo-hero-body h2,.send-list-app .sl-todo-hero-body h1,.sl-public-todo .sl-todo-hero-body h1{margin:0;color:var(--todo-text,#203128);font-size:clamp(21px,2.4vw,29px)!important;line-height:1.14!important;letter-spacing:-.015em;font-weight:760}
.send-list-app .sl-todo-hero-body>p,.sl-public-todo .sl-todo-hero-body>p{margin:8px 0 0;max-width:60ch;color:var(--todo-muted,#64736a);font-size:13.2px!important;line-height:1.52!important}
.send-list-app .sl-todo-hero-body .sl-todo-meta,.sl-public-todo .sl-todo-hero-body .sl-todo-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.send-list-app .sl-todo-hero-body .sl-todo-meta span,.sl-public-todo .sl-todo-hero-body .sl-todo-meta span{font-size:10px!important;line-height:1;padding:6px 8px!important;border:1px solid var(--todo-border,#dce6df);border-radius:8px;background:#fff;color:#33443b}
.send-list-app .sl-todo-hero-body .sl-todo-hero-cta,.sl-public-todo .sl-todo-hero-body .sl-todo-hero-cta{min-height:38px!important;margin-top:12px!important;padding:6px 13px!important;border:0;border-radius:10px;background:var(--todo-orange,#ff7a00);color:#fff;font-size:11px!important;font-weight:800;box-shadow:0 5px 12px rgba(255,122,0,.16)}

/* Phase navigation and real phase progress. */
.send-list-app .sl-todo-phase-nav,.sl-public-todo .sl-todo-phase-nav{display:flex!important;gap:8px;overflow-x:auto;padding:2px 1px 8px;scrollbar-width:thin;scroll-snap-type:x proximity}
.send-list-app .sl-todo-phase-chip,.sl-public-todo .sl-todo-phase-chip{display:grid!important;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;flex:0 0 178px!important;min-height:66px!important;padding:8px 9px!important;text-align:start;scroll-snap-align:start;border:1px solid var(--todo-border,#dce6df);border-radius:13px;background:#fff}
.send-list-app .sl-todo-phase-chip.is-active,.sl-public-todo .sl-todo-phase-chip.is-active{border-color:rgba(255,122,0,.55);background:var(--todo-orange-soft,#fff4e9)}
.send-list-app .sl-todo-phase-chip.is-complete,.sl-public-todo .sl-todo-phase-chip.is-complete{border-color:rgba(40,167,69,.3);background:var(--todo-green-soft,#eef9f1)}
.send-list-app .sl-todo-phase-chip-copy,.sl-public-todo .sl-todo-phase-chip-copy{min-width:0;display:grid;gap:3px}
.send-list-app .sl-todo-phase-chip b,.sl-public-todo .sl-todo-phase-chip b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px!important;color:var(--todo-text,#203128)}
.send-list-app .sl-todo-phase-chip small,.sl-public-todo .sl-todo-phase-chip small{font-size:9px!important;color:var(--todo-muted,#64736a)}
.send-list-app .sl-todo-phase-chip i,.sl-public-todo .sl-todo-phase-chip i{display:block;height:3px;border-radius:99px;background:#e7ece8;overflow:hidden}
.send-list-app .sl-todo-phase-chip i span,.sl-public-todo .sl-todo-phase-chip i span{display:block;height:100%;border-radius:inherit;background:var(--todo-green,#28a745)}

/* Shared icon/image system: icons can never expand the header or cards. */
.send-list-app .sl-todo-visual-icon,.sl-public-todo .sl-todo-visual-icon{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;display:grid!important;place-items:center!important;overflow:hidden!important;border-radius:11px;background:var(--todo-green-soft,#eef9f1);font-size:18px!important;line-height:1!important;color:#19883a;box-sizing:border-box}
.send-list-app .sl-todo-visual-icon.is-current,.sl-public-todo .sl-todo-visual-icon.is-current{background:var(--todo-orange-soft,#fff4e9);color:var(--todo-orange,#ff7a00)}
.send-list-app .sl-todo-visual-icon.is-phase,.sl-public-todo .sl-todo-visual-icon.is-phase{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;font-size:16px!important}
.send-list-app .sl-todo-visual-icon img,.sl-public-todo .sl-todo-visual-icon img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;display:block!important;object-fit:cover!important;border-radius:inherit!important}

.send-list-app .sl-todo-phase-head,.sl-public-todo .sl-todo-phase-head{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:start;padding:12px 12px!important}
.send-list-app .sl-todo-phase-head-copy,.sl-public-todo .sl-todo-phase-head-copy{min-width:0}
.send-list-app .sl-todo-phase-head h3,.sl-public-todo .sl-todo-phase-head h3{margin:1px 0 0;font-size:14.5px!important;line-height:1.25!important;color:var(--todo-text,#203128)}
.send-list-app .sl-todo-phase-head p,.sl-public-todo .sl-todo-phase-head p{margin:4px 0 0;font-size:10.5px!important;line-height:1.42!important;color:var(--todo-muted,#64736a)}
.send-list-app .sl-todo-phase-progress,.sl-public-todo .sl-todo-phase-progress{height:4px;margin-top:7px;border-radius:99px;background:#e8eeea;overflow:hidden}
.send-list-app .sl-todo-phase-progress span,.sl-public-todo .sl-todo-phase-progress span{display:block;height:100%;background:var(--todo-green,#28a745);border-radius:inherit}
.send-list-app .sl-todo-phase-head>b,.sl-public-todo .sl-todo-phase-head>b{font-size:10px!important;color:var(--todo-muted,#64736a);white-space:nowrap}

/* Step action surfaces: Process and Share are modes, using the Core capsule. */
.send-list-app .sl-todo-step-heading{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center}
.send-list-app .sl-todo-step-head-actions,.send-list-app .sl-todo-compact-actions{display:flex;gap:5px;align-items:center}
.send-list-app .sl-todo-compact-actions{margin-inline-start:auto;position:relative;z-index:2}
.send-list-app .sl-todo-owner-more,.send-list-app .sl-todo-share-select{width:34px;height:34px;min-width:34px;border:1px solid var(--todo-border,#dce6df);border-radius:10px;background:#fff;color:#526158;font-weight:800;display:grid;place-items:center}
.send-list-app .sl-todo-share-select{color:var(--todo-orange,#ff7a00);border-color:rgba(255,122,0,.32);background:#fffaf6}
.send-list-app .sl-todo-step-card.is-share-selected{border-color:rgba(255,122,0,.65)!important;box-shadow:0 0 0 2px rgba(255,122,0,.08)!important}
.send-list-app .sl-todo-view.sl-mode-process .sl-share-choice{display:none!important}
.send-list-app .sl-todo-view.sl-mode-share .sl-process-choice{display:none!important}
.send-list-app .sl-todo-view.sl-mode-share .sl-todo-step-compact{padding-inline-end:4px!important}
.send-list-app .sl-todo-selected-tools{margin:8px 0 10px!important;border-radius:12px!important}
.send-list-app .sl-todo-selected-tools[hidden]{display:none!important}

/* Compact rows keep the icon bounded and reserve room for actions. */
.send-list-app .sl-todo-step-card:not(.is-current),.sl-public-todo .sl-todo-step-card:not(.is-current){display:flex;align-items:center}
.send-list-app .sl-todo-step-compact,.sl-public-todo .sl-todo-step-compact{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;min-width:0;flex:1}
.send-list-app .sl-todo-step-compact>div:not(.sl-todo-visual-icon),.sl-public-todo .sl-todo-step-compact>div:not(.sl-todo-visual-icon){min-width:0;text-align:start}
.send-list-app .sl-todo-step-compact strong,.sl-public-todo .sl-todo-step-compact strong{font-size:12.5px!important;line-height:1.3!important}
.send-list-app .sl-todo-step-compact small,.sl-public-todo .sl-todo-step-compact small{font-size:9px!important}
.send-list-app .sl-todo-compact-chevron,.sl-public-todo .sl-todo-compact-chevron{font-size:18px;color:#6d7a72}

/* Completion / Use Again. */
.send-list-app .sl-todo-complete-banner,.sl-public-todo .sl-todo-complete-banner{display:flex;align-items:center;gap:9px;margin:10px 0;padding:10px 12px;border:1px solid rgba(40,167,69,.25);border-radius:13px;background:var(--todo-green-soft,#eef9f1)}
.send-list-app .sl-todo-complete-banner>span,.sl-public-todo .sl-todo-complete-banner>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--todo-green,#28a745);color:#fff;font-weight:900}
.send-list-app .sl-todo-complete-banner div,.sl-public-todo .sl-todo-complete-banner div{display:grid;line-height:1.15}
.send-list-app .sl-todo-complete-banner strong,.sl-public-todo .sl-todo-complete-banner strong{font-size:12px}.send-list-app .sl-todo-complete-banner small,.sl-public-todo .sl-todo-complete-banner small{font-size:9.5px;color:var(--todo-muted,#64736a)}
.send-list-app .sl-todo-use-again{margin-inline-start:auto;min-height:34px;padding:5px 10px;border:1px solid rgba(40,167,69,.3);border-radius:9px;background:#fff;color:#188638;font-size:10px;font-weight:800}

/* Editor phase icon/image + progress. */
.send-list-app .sl-todo-editor-phase>header{grid-template-columns:46px minmax(0,1fr) auto!important}
.send-list-app button.sl-todo-editor-phase-icon.is-editable{border:0;padding:0;cursor:pointer;overflow:hidden;display:grid;place-items:center}
.send-list-app .sl-todo-editor-phase-icon img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.send-list-app .sl-todo-editor-phase-copy{min-width:0}
.send-list-app .sl-todo-editor-phase-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:7px}
.send-list-app .sl-todo-editor-phase-progress>i{display:block;height:4px;border-radius:99px;background:#e8eeea;overflow:hidden}
.send-list-app .sl-todo-editor-phase-progress>i>span{display:block;height:100%;border-radius:inherit;background:var(--todo-green,#28a745)}
.send-list-app .sl-todo-editor-phase-progress small{font-size:9px;color:var(--todo-muted,#64736a);white-space:nowrap}

/* Saved preview: Core share capsule sits above Save/Back dock. */
.send-list-app:has(.sl-todo-system-v458.is-editor-preview) .sl-share-fab-portal{z-index:190!important}
.send-list-app .sl-todo-view-actions-portal{z-index:180!important}
.send-list-app .sl-todo-hidden-share-host[hidden]{display:none!important}

@media(max-width:760px){
 .send-list-app .sl-todo-system-v458{padding-bottom:84px}
 .send-list-app .sl-todo-hero-v458,.sl-public-todo .sl-todo-hero-v458{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;border-radius:15px;margin-bottom:10px}
 .send-list-app .sl-todo-hero-figure,.sl-public-todo .sl-todo-hero-figure{grid-column:1!important;grid-row:1!important;width:100%;height:112px!important;min-height:112px!important;max-height:112px!important;border:0!important;border-bottom:1px solid var(--todo-border,#dce6df)!important;background:#f3f6f3}
 .send-list-app .sl-todo-hero-figure img,.sl-public-todo .sl-todo-hero-figure img{width:100%!important;height:112px!important;min-height:112px!important;max-height:112px!important;object-fit:cover!important;object-position:center!important}
 .send-list-app .sl-todo-hero-body,.sl-public-todo .sl-todo-hero-body{grid-column:1!important;grid-row:2!important;padding:12px 13px 13px!important}
 .send-list-app .sl-todo-hero-body h2,.send-list-app .sl-todo-hero-body h1,.sl-public-todo .sl-todo-hero-body h1{font-size:18px!important;line-height:1.18!important}
 .send-list-app .sl-todo-hero-body>p,.sl-public-todo .sl-todo-hero-body>p{margin-top:6px!important;font-size:11.2px!important;line-height:1.45!important}
 .send-list-app .sl-todo-hero-body .sl-todo-meta,.sl-public-todo .sl-todo-hero-body .sl-todo-meta{margin-top:8px!important;gap:5px!important}
 .send-list-app .sl-todo-hero-body .sl-todo-meta span,.sl-public-todo .sl-todo-hero-body .sl-todo-meta span{padding:5px 6px!important;font-size:9px!important}
 .send-list-app .sl-todo-hero-body .sl-todo-hero-cta,.sl-public-todo .sl-todo-hero-body .sl-todo-hero-cta{min-height:36px!important;margin-top:8px!important;padding:5px 11px!important;font-size:10.2px!important}
 .send-list-app .sl-todo-phase-chip,.sl-public-todo .sl-todo-phase-chip{flex-basis:148px!important;min-height:62px!important;grid-template-columns:30px minmax(0,1fr);padding:7px!important}
 .send-list-app .sl-todo-visual-icon.is-phase,.sl-public-todo .sl-todo-visual-icon.is-phase{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;font-size:14px!important}
 .send-list-app .sl-todo-phase-head,.sl-public-todo .sl-todo-phase-head{grid-template-columns:34px minmax(0,1fr) auto!important;padding:10px 9px!important}
 .send-list-app .sl-todo-phase-head h3,.sl-public-todo .sl-todo-phase-head h3{font-size:13px!important}
 .send-list-app .sl-todo-phase-head p,.sl-public-todo .sl-todo-phase-head p{font-size:9.8px!important}
 .send-list-app .sl-todo-step-heading{grid-template-columns:34px minmax(0,1fr) auto!important}
 .send-list-app .sl-todo-visual-icon,.sl-public-todo .sl-todo-visual-icon{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;font-size:16px!important}
 .send-list-app .sl-todo-step-compact,.sl-public-todo .sl-todo-step-compact{grid-template-columns:34px minmax(0,1fr) auto!important;gap:7px!important}
 .send-list-app .sl-todo-step-heading h3,.sl-public-todo .sl-todo-step-heading h3{font-size:14px!important}
 .send-list-app .sl-todo-step-description,.send-list-app .sl-todo-warning p,.send-list-app .sl-todo-note p,.sl-public-todo .sl-todo-step-description,.sl-public-todo .sl-todo-warning p,.sl-public-todo .sl-todo-note p{font-size:10.8px!important;line-height:1.45!important}
 .send-list-app .sl-todo-owner-more,.send-list-app .sl-todo-share-select{width:32px;height:32px;min-width:32px}
 .send-list-app .sl-todo-editor-phase>header{grid-template-columns:40px minmax(0,1fr) auto!important}
 .send-list-app .sl-todo-editor-phase-icon{width:40px!important;height:40px!important}
}
@media(max-width:420px){
 .send-list-app .sl-todo-hero-figure,.sl-public-todo .sl-todo-hero-figure,.send-list-app .sl-todo-hero-figure img,.sl-public-todo .sl-todo-hero-figure img{height:96px!important;min-height:96px!important;max-height:96px!important}
 .send-list-app .sl-todo-hero-body h2,.sl-public-todo .sl-todo-hero-body h1{font-size:17px!important}
 .send-list-app .sl-todo-hero-body>p,.sl-public-todo .sl-todo-hero-body>p{font-size:10.8px!important}
 .send-list-app .sl-todo-phase-chip,.sl-public-todo .sl-todo-phase-chip{flex-basis:140px!important}
}


/* ==========================================================================\n   Core 0.457 — Preview Containment / Component Responsive Fix\n   Root cause fixed: legacy .sl-todo-phase-chip > span rules were also sizing\n   the phase-copy wrapper. v457 uses a div copy wrapper and defensive resets.\n   The preview is now responsive to its OWN modal width via container queries,\n   not only to the browser viewport.\n   ========================================================================== */
.sl-todo-system-v458{
  container-type:inline-size;
  container-name:slTodo457;
}

/* Never allow hero text or metadata to escape its panel. */
.send-list-app .sl-todo-hero-v458,
.sl-public-todo .sl-todo-hero-v458{
  min-width:0;
}
.send-list-app .sl-todo-hero-body,
.sl-public-todo .sl-todo-hero-body{
  min-width:0;
  overflow:hidden;
}
.send-list-app .sl-todo-hero-body h1,
.send-list-app .sl-todo-hero-body h2,
.send-list-app .sl-todo-hero-body>p,
.sl-public-todo .sl-todo-hero-body h1,
.sl-public-todo .sl-todo-hero-body>p{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}

/* Phase rail: isolate icon from copy and contain every byte inside the card. */
.send-list-app .sl-todo-phase-chip,
.sl-public-todo .sl-todo-phase-chip{
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.send-list-app .sl-todo-phase-chip>.sl-todo-visual-icon,
.sl-public-todo .sl-todo-phase-chip>.sl-todo-visual-icon{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
}
.send-list-app .sl-todo-phase-chip>.sl-todo-phase-chip-copy,
.sl-public-todo .sl-todo-phase-chip>.sl-todo-phase-chip-copy{
  grid-column:2!important;
  grid-row:1!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  overflow:hidden!important;
  place-items:initial!important;
  align-self:center!important;
}
.send-list-app .sl-todo-phase-chip b,
.sl-public-todo .sl-todo-phase-chip b{
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:anywhere!important;
  line-height:1.2!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
.send-list-app .sl-todo-phase-chip small,
.sl-public-todo .sl-todo-phase-chip small{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  line-height:1.15!important;
}
.send-list-app .sl-todo-phase-chip i,
.sl-public-todo .sl-todo-phase-chip i{
  width:100%!important;
  min-width:0!important;
}

/* Component-width responsive behavior. This fixes narrow modal previews on a
   wide desktop viewport, where @media(max-width:760px) could never trigger. */
@container slTodo457 (max-width:720px){
  .sl-todo-hero-v458{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    border-radius:15px!important;
    margin-bottom:10px!important;
  }
  .sl-todo-hero-v458 .sl-todo-hero-figure{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    height:118px!important;
    min-height:118px!important;
    max-height:118px!important;
    border:0!important;
    border-bottom:1px solid var(--todo-border,#dce6df)!important;
  }
  .sl-todo-hero-v458 .sl-todo-hero-figure img{
    width:100%!important;
    height:118px!important;
    min-height:118px!important;
    max-height:118px!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .sl-todo-hero-v458 .sl-todo-hero-body{
    grid-column:1!important;
    grid-row:2!important;
    width:auto!important;
    padding:13px 14px 14px!important;
  }
  .sl-todo-hero-v458 .sl-todo-hero-body h1,
  .sl-todo-hero-v458 .sl-todo-hero-body h2{
    font-size:18px!important;
    line-height:1.18!important;
  }
  .sl-todo-hero-v458 .sl-todo-hero-body>p{
    margin-top:6px!important;
    font-size:11px!important;
    line-height:1.46!important;
  }
  .sl-todo-phase-nav{
    gap:7px!important;
    padding:2px 1px 7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  .sl-todo-phase-chip{
    flex:0 0 166px!important;
    width:166px!important;
    max-width:166px!important;
    min-width:166px!important;
    min-height:64px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:7px!important;
    padding:7px 8px!important;
  }
  .sl-todo-phase-chip>.sl-todo-visual-icon.is-phase{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    font-size:14px!important;
  }
  .sl-todo-phase-chip b{font-size:10.5px!important;}
  .sl-todo-phase-chip small{font-size:8.5px!important;}
}

@container slTodo457 (max-width:460px){
  .sl-todo-hero-v458 .sl-todo-hero-figure,
  .sl-todo-hero-v458 .sl-todo-hero-figure img{
    height:96px!important;
    min-height:96px!important;
    max-height:96px!important;
  }
  .sl-todo-hero-v458 .sl-todo-hero-body h1,
  .sl-todo-hero-v458 .sl-todo-hero-body h2{font-size:17px!important;}
  .sl-todo-phase-chip{
    flex-basis:154px!important;
    width:154px!important;
    max-width:154px!important;
    min-width:154px!important;
  }
}

/* ========================================================================== 
   Core 0.458 — To do Steps deterministic component layout
   The modal preview is width-driven by JavaScript (ResizeObserver), so the
   layout no longer depends on viewport media queries or CSS container-query
   support. Phase copy is fully isolated from legacy direct-span rules.
   ========================================================================== */
.send-list-app .sl-todo-system-v458,
.sl-public-todo.sl-todo-system-v458{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.send-list-app .sl-todo-system-v458 *,
.sl-public-todo.sl-todo-system-v458 *{box-sizing:border-box}

/* Hero containment, independent of the actual artwork inside the cover image. */
.send-list-app .sl-todo-system-v458 .sl-todo-hero-v458,
.sl-public-todo.sl-todo-system-v458 .sl-todo-hero-v458{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  isolation:isolate;
}
.send-list-app .sl-todo-system-v458 .sl-todo-hero-figure,
.sl-public-todo.sl-todo-system-v458 .sl-todo-hero-figure,
.send-list-app .sl-todo-system-v458 .sl-todo-hero-body,
.sl-public-todo.sl-todo-system-v458 .sl-todo-hero-body{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.send-list-app .sl-todo-system-v458 .sl-todo-hero-body h1,
.send-list-app .sl-todo-system-v458 .sl-todo-hero-body h2,
.send-list-app .sl-todo-system-v458 .sl-todo-hero-body>p,
.sl-public-todo.sl-todo-system-v458 .sl-todo-hero-body h1,
.sl-public-todo.sl-todo-system-v458 .sl-todo-hero-body>p{
  max-width:100%!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}

/* Phase rail is a controlled horizontal navigator, not a free-flow text row. */
.send-list-app .sl-todo-system-v458 .sl-todo-phase-nav,
.sl-public-todo.sl-todo-system-v458 .sl-todo-phase-nav{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none!important;
  padding:2px 1px 8px!important;
}
.send-list-app .sl-todo-system-v458 .sl-todo-phase-nav::-webkit-scrollbar,
.sl-public-todo.sl-todo-system-v458 .sl-todo-phase-nav::-webkit-scrollbar{display:none!important}

.send-list-app .sl-todo-system-v458 .sl-todo-phase-chip,
.sl-public-todo.sl-todo-system-v458 .sl-todo-phase-chip{
  position:relative!important;
  isolation:isolate!important;
  contain:layout paint!important;
  overflow:hidden!important;
  flex:0 0 172px!important;
  width:172px!important;
  min-width:172px!important;
  max-width:172px!important;
  min-height:72px!important;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 9px!important;
  white-space:normal!important;
}
/* Critical legacy collision guard: works whether old markup used span or the
   current div wrapper. */
.send-list-app .sl-todo-system-v458 .sl-todo-phase-chip>.sl-todo-phase-chip-copy,
.sl-public-todo.sl-todo-system-v458 .sl-todo-phase-chip>.sl-todo-phase-chip-copy{
  position:static!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:stretch!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto 3px!important;
  gap:2px!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  overflow:hidden!important;
  place-items:initial!important;
  line-height:normal!important;
}
.send-list-app .sl-todo-system-v458 .sl-todo-phase-chip>.sl-todo-visual-icon,
.sl-public-todo.sl-todo-system-v458 .sl-todo-phase-chip>.sl-todo-visual-icon{
  position:static!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
}
.send-list-app .sl-todo-system-v458 .sl-todo-phase-chip-label,
.sl-public-todo.sl-todo-system-v458 .sl-todo-phase-chip-label{
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--todo-muted,#64736a)!important;
  font-size:8px!important;
  font-weight:700!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.send-list-app .sl-todo-system-v458 .sl-todo-phase-chip.is-active .sl-todo-phase-chip-label,
.sl-public-todo.sl-todo-system-v458 .sl-todo-phase-chip.is-active .sl-todo-phase-chip-label{color:var(--todo-orange,#ff7a00)!important}
.send-list-app .sl-todo-system-v458 .sl-todo-phase-chip.is-complete .sl-todo-phase-chip-label,
.sl-public-todo.sl-todo-system-v458 .sl-todo-phase-chip.is-complete .sl-todo-phase-chip-label{color:var(--todo-green,#28a745)!important}
.send-list-app .sl-todo-system-v458 .sl-todo-phase-chip b,
.sl-public-todo.sl-todo-system-v458 .sl-todo-phase-chip b{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:10.5px!important;
  line-height:1.16!important;
  white-space:normal!important;
  overflow:hidden!important;
  overflow-wrap:break-word!important;
  text-overflow:ellipsis!important;
}
.send-list-app .sl-todo-system-v458 .sl-todo-phase-chip small,
.sl-public-todo.sl-todo-system-v458 .sl-todo-phase-chip small{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:8px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.send-list-app .sl-todo-system-v458 .sl-todo-phase-chip i,
.sl-public-todo.sl-todo-system-v458 .sl-todo-phase-chip i{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:3px!important;
  margin:1px 0 0!important;
  overflow:hidden!important;
}

/* The phase content header uses the same bounded typographic system. */
.send-list-app .sl-todo-system-v458 .sl-todo-phase,
.sl-public-todo.sl-todo-system-v458 .sl-todo-phase,
.send-list-app .sl-todo-system-v458 .sl-todo-phase-head,
.sl-public-todo.sl-todo-system-v458 .sl-todo-phase-head,
.send-list-app .sl-todo-system-v458 .sl-todo-phase-head-copy,
.sl-public-todo.sl-todo-system-v458 .sl-todo-phase-head-copy{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.send-list-app .sl-todo-system-v458 .sl-todo-phase-head h3,
.sl-public-todo.sl-todo-system-v458 .sl-todo-phase-head h3{
  max-width:100%!important;
  overflow-wrap:break-word!important;
}
.send-list-app .sl-todo-system-v458 .sl-todo-phase-head p,
.sl-public-todo.sl-todo-system-v458 .sl-todo-phase-head p{
  max-width:100%!important;
  overflow-wrap:break-word!important;
}

/* Actual modal-width layout, driven by ResizeObserver. */
.send-list-app .sl-todo-system-v458.sl-todo-layout-compact .sl-todo-hero-v458,
.sl-public-todo.sl-todo-system-v458.sl-todo-layout-compact .sl-todo-hero-v458{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
}
.send-list-app .sl-todo-system-v458.sl-todo-layout-compact .sl-todo-hero-figure,
.sl-public-todo.sl-todo-system-v458.sl-todo-layout-compact .sl-todo-hero-figure{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  height:108px!important;
  min-height:108px!important;
  max-height:108px!important;
  border:0!important;
  border-bottom:1px solid var(--todo-border,#dce6df)!important;
}
.send-list-app .sl-todo-system-v458.sl-todo-layout-compact .sl-todo-hero-figure img,
.sl-public-todo.sl-todo-system-v458.sl-todo-layout-compact .sl-todo-hero-figure img{
  width:100%!important;
  height:108px!important;
  min-height:108px!important;
  max-height:108px!important;
  object-fit:cover!important;
  object-position:center!important;
}
.send-list-app .sl-todo-system-v458.sl-todo-layout-compact .sl-todo-hero-body,
.sl-public-todo.sl-todo-system-v458.sl-todo-layout-compact .sl-todo-hero-body{
  grid-column:1!important;
  grid-row:2!important;
  width:100%!important;
  padding:13px 14px 14px!important;
}
.send-list-app .sl-todo-system-v458.sl-todo-layout-compact .sl-todo-hero-body h1,
.send-list-app .sl-todo-system-v458.sl-todo-layout-compact .sl-todo-hero-body h2,
.sl-public-todo.sl-todo-system-v458.sl-todo-layout-compact .sl-todo-hero-body h1{
  font-size:18px!important;
  line-height:1.18!important;
}
.send-list-app .sl-todo-system-v458.sl-todo-layout-compact .sl-todo-hero-body>p,
.sl-public-todo.sl-todo-system-v458.sl-todo-layout-compact .sl-todo-hero-body>p{
  margin-top:6px!important;
  font-size:10.8px!important;
  line-height:1.45!important;
}
.send-list-app .sl-todo-system-v458.sl-todo-layout-compact .sl-todo-phase-chip,
.sl-public-todo.sl-todo-system-v458.sl-todo-layout-compact .sl-todo-phase-chip{
  flex-basis:148px!important;
  width:148px!important;
  min-width:148px!important;
  max-width:148px!important;
  min-height:68px!important;
  grid-template-columns:29px minmax(0,1fr)!important;
  gap:7px!important;
  padding:7px!important;
}
.send-list-app .sl-todo-system-v458.sl-todo-layout-compact .sl-todo-phase-chip>.sl-todo-visual-icon.is-phase,
.sl-public-todo.sl-todo-system-v458.sl-todo-layout-compact .sl-todo-phase-chip>.sl-todo-visual-icon.is-phase{
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  max-width:29px!important;
  font-size:14px!important;
}
.send-list-app .sl-todo-system-v458.sl-todo-layout-compact .sl-todo-phase-chip b,
.sl-public-todo.sl-todo-system-v458.sl-todo-layout-compact .sl-todo-phase-chip b{font-size:9.8px!important}
.send-list-app .sl-todo-system-v458.sl-todo-layout-compact .sl-todo-phase-chip small,
.sl-public-todo.sl-todo-system-v458.sl-todo-layout-compact .sl-todo-phase-chip small{font-size:7.8px!important}

.send-list-app .sl-todo-system-v458.sl-todo-layout-narrow .sl-todo-hero-figure,
.sl-public-todo.sl-todo-system-v458.sl-todo-layout-narrow .sl-todo-hero-figure,
.send-list-app .sl-todo-system-v458.sl-todo-layout-narrow .sl-todo-hero-figure img,
.sl-public-todo.sl-todo-system-v458.sl-todo-layout-narrow .sl-todo-hero-figure img{
  height:92px!important;
  min-height:92px!important;
  max-height:92px!important;
}
.send-list-app .sl-todo-system-v458.sl-todo-layout-narrow .sl-todo-hero-body h1,
.send-list-app .sl-todo-system-v458.sl-todo-layout-narrow .sl-todo-hero-body h2,
.sl-public-todo.sl-todo-system-v458.sl-todo-layout-narrow .sl-todo-hero-body h1{font-size:17px!important}
.send-list-app .sl-todo-system-v458.sl-todo-layout-narrow .sl-todo-phase-chip,
.sl-public-todo.sl-todo-system-v458.sl-todo-layout-narrow .sl-todo-phase-chip{
  flex-basis:138px!important;
  width:138px!important;
  min-width:138px!important;
  max-width:138px!important;
}

/* 0.461 — To do Steps Interaction & Linked Checklist Foundation */
.sl-todo-step-navigation{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,1.25fr) minmax(0,1fr);gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--sl-border,#e7e9ec)}
.sl-todo-step-navigation button{min-height:44px;border-radius:12px;border:1px solid #dfe4e8;background:#fff;color:#25313a;font:700 13px/1.15 inherit;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;cursor:pointer}
.sl-todo-step-navigation button:not(:disabled):hover{border-color:#cdd5da;background:#f8faf9}
.sl-todo-step-navigation button:disabled{opacity:.4;cursor:not-allowed}
.sl-todo-step-navigation .sl-todo-toggle-done{background:#f58220;border-color:#f58220;color:#fff}
.sl-todo-step-navigation .sl-todo-toggle-done.is-undo{background:#fff7f0;border-color:#f2ad73;color:#b95d13}
.sl-todo-step-card.is-focused-complete{border-color:#75bd8e;background:linear-gradient(180deg,#fff 0,#fbfffc 100%)}
.sl-todo-step-card.is-focused-complete .sl-todo-marker.is-current{background:#159447;border-color:#159447;color:#fff}

.sl-todo-linked-checklist{margin-top:14px;padding:12px;border:1px solid #dbe7df;background:#f8fcf9;border-radius:14px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center}
.sl-todo-linked-checklist.is-unavailable{background:#fafafa;border-color:#e5e7e9;opacity:.78}
.sl-todo-linked-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#eaf7ee;color:#158a45;font-size:20px;font-weight:800}
.sl-todo-linked-copy{min-width:0;display:grid;gap:2px}
.sl-todo-linked-checklist small{font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.055em;color:#718077;font-weight:800}
.sl-todo-linked-checklist strong{font-size:13px;line-height:1.35;color:#1d2922;overflow-wrap:anywhere}
.sl-todo-linked-checklist .sl-todo-linked-copy>span,.sl-todo-linked-checklist.is-unavailable>div:nth-child(2)>span{font-size:11px;color:#68766d}
.sl-todo-linked-checklist i{display:block;height:4px;border-radius:999px;background:#e4ebe6;overflow:hidden;margin-top:4px}
.sl-todo-linked-checklist i>span{display:block;height:100%;background:#159447;border-radius:inherit}
.sl-todo-linked-checklist>button{min-height:40px;padding:8px 11px;border-radius:10px;border:1px solid #f2b17c;background:#fff7ef;color:#b95d13;font-weight:800;font-size:11px;white-space:nowrap;cursor:pointer}
.sl-todo-linked-checklist>button span{font-size:16px;line-height:1}

.sl-todo-linked-editor small{display:block;margin-top:5px;color:#778179;font-size:11px;line-height:1.35}
.sl-todo-linked-editor select{width:100%}

@media (max-width:560px){
 .sl-todo-step-navigation{grid-template-columns:1fr 1fr;gap:8px}
 .sl-todo-step-navigation .sl-todo-toggle-done{grid-column:1/-1;grid-row:1}
 .sl-todo-step-navigation button[data-todo-prev]{grid-column:1;grid-row:2}
 .sl-todo-step-navigation button[data-todo-next]{grid-column:2;grid-row:2}
 .sl-todo-linked-checklist{grid-template-columns:36px minmax(0,1fr);padding:11px}
 .sl-todo-linked-icon{width:36px;height:36px}
 .sl-todo-linked-checklist>button{grid-column:1/-1;width:100%;margin-top:2px}
}

/* =========================================================
 * Send Listy Core 0.463 — To do Steps Visual Hierarchy System
 * Phase = deep orange + dedicated stage icon
 * Step  = deep green
 * Applies to Editor, Preview, Saved Timeline, and Public Timeline.
 * ========================================================= */
.send-list-app .sl-todo-system-v463,
.sl-public-todo.sl-todo-system-v463{
  --todo-phase-orange:#c85a0a;
  --todo-phase-orange-strong:#a94700;
  --todo-phase-soft:#fff5ec;
  --todo-step-green:#176b3a;
  --todo-step-green-strong:#10582f;
  --todo-step-soft:#f2faf5;
  --todo-complete-soft:#f4fbf6;
  --todo-upcoming-soft:#ffffff;
}

/* Phase label: deliberately remains orange in every state. */
.send-list-app .sl-todo-system-v463 .sl-todo-phase-label,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-label{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--todo-phase-orange)!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.2!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-phase-label-icon,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-label-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  max-width:15px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--todo-phase-orange)!important;
  overflow:visible!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-phase-label-icon svg,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-label-icon svg{
  display:block!important;
  width:15px!important;
  height:15px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-phase-chip-label,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-chip-label,
.send-list-app .sl-todo-system-v463 .sl-todo-phase-chip.is-active .sl-todo-phase-chip-label,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-chip.is-active .sl-todo-phase-chip-label,
.send-list-app .sl-todo-system-v463 .sl-todo-phase-chip.is-complete .sl-todo-phase-chip-label,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-chip.is-complete .sl-todo-phase-chip-label{
  color:var(--todo-phase-orange)!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-phase-chip-label>.sl-todo-phase-label,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-chip-label>.sl-todo-phase-label{
  font-size:9px!important;
  font-weight:900!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-phase-chip-label .sl-todo-phase-label-icon,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-chip-label .sl-todo-phase-label-icon{
  width:12px!important;height:12px!important;min-width:12px!important;max-width:12px!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-phase-chip-label .sl-todo-phase-label-icon svg,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-chip-label .sl-todo-phase-label-icon svg{
  width:12px!important;height:12px!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-phase-eyebrow,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-eyebrow,
.send-list-app .sl-todo-system-v463 .sl-todo-editor-phase-label{
  display:flex;
  align-items:center;
  min-width:0;
  margin:0 0 3px;
}

/* Phase surfaces: orange identifies structure, green continues to identify progress. */
.send-list-app .sl-todo-system-v463 .sl-todo-phase,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase{
  border-color:#dde7df;
  box-shadow:0 1px 0 rgba(23,107,58,.025), inset 0 3px 0 color-mix(in srgb,var(--todo-phase-orange) 36%,transparent);
}
.send-list-app .sl-todo-system-v463 .sl-todo-phase-head>.sl-todo-visual-icon.is-phase,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-head>.sl-todo-visual-icon.is-phase,
.send-list-app .sl-todo-system-v463 .sl-todo-editor-phase-icon{
  background:var(--todo-phase-soft)!important;
  color:var(--todo-phase-orange)!important;
  border-color:#f2d2b8!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-phase-head h3,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-head h3{
  color:#1d2a22;
  font-weight:780;
}
.send-list-app .sl-todo-system-v463 .sl-todo-phase-head>b,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-head>b{
  background:var(--todo-phase-soft);
  color:var(--todo-phase-orange-strong);
  border:1px solid #f1ddcc;
  font-weight:850;
}
.send-list-app .sl-todo-system-v463 .sl-todo-phase-chip{
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}
.send-list-app .sl-todo-system-v463 .sl-todo-phase-chip.is-active,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-chip.is-active{
  border-color:#ef9a55!important;
  background:#fffaf5!important;
  box-shadow:0 0 0 2px rgba(245,130,32,.08)!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-phase-chip.is-complete,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-chip.is-complete{
  border-color:#cfe5d5;
  background:#fbfefc;
}
/* Keep phase visual-icon structural/orange even when the phase is complete. */
.send-list-app .sl-todo-system-v463 .sl-todo-phase-chip>.sl-todo-visual-icon.is-phase,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-chip>.sl-todo-visual-icon.is-phase,
.send-list-app .sl-todo-system-v463 .sl-todo-phase-chip.is-complete>.sl-todo-visual-icon.is-phase,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-chip.is-complete>.sl-todo-visual-icon.is-phase{
  background:var(--todo-phase-soft)!important;
  color:var(--todo-phase-orange)!important;
}

/* Step label: always dark green; completion is expressed by marker/card state. */
.send-list-app .sl-todo-system-v463 .sl-todo-step-label-wrap,
.sl-public-todo.sl-todo-system-v463 .sl-todo-step-label-wrap,
.send-list-app .sl-todo-system-v463 .sl-todo-editor-step-label{
  display:flex;
  align-items:center;
  min-width:0;
  margin:0 0 2px;
}
.send-list-app .sl-todo-system-v463 .sl-todo-step-label,
.sl-public-todo.sl-todo-system-v463 .sl-todo-step-label{
  color:var(--todo-step-green)!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.2!important;
  letter-spacing:.005em!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-step-label em,
.sl-public-todo.sl-todo-system-v463 .sl-todo-step-label em{
  color:#5f7568;
  font-style:normal;
  font-weight:720;
}

/* State hierarchy for step cards. */
.send-list-app .sl-todo-system-v463 .sl-todo-step-card.is-current,
.sl-public-todo.sl-todo-system-v463 .sl-todo-step-card.is-current{
  border-color:var(--todo-orange,#f58220)!important;
  background:linear-gradient(180deg,#fff 0%,#fffcfa 100%)!important;
  box-shadow:0 7px 22px rgba(245,130,32,.08)!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-step-card.is-complete .sl-todo-step-compact,
.sl-public-todo.sl-todo-system-v463 .sl-todo-step-card.is-complete .sl-todo-step-compact{
  border-color:#cbe6d3!important;
  background:var(--todo-complete-soft)!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-step-card.is-upcoming .sl-todo-step-compact,
.sl-public-todo.sl-todo-system-v463 .sl-todo-step-card.is-upcoming .sl-todo-step-compact{
  background:var(--todo-upcoming-soft)!important;
  border-color:#e1e7e3!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-step-card.is-complete .sl-todo-item-icon,
.sl-public-todo.sl-todo-system-v463 .sl-todo-step-card.is-complete .sl-todo-item-icon{
  background:#e8f7ed!important;
  color:var(--todo-step-green)!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-step-compact strong,
.sl-public-todo.sl-todo-system-v463 .sl-todo-step-compact strong{
  color:#1b2920;
  font-weight:760;
}
.send-list-app .sl-todo-system-v463 .sl-todo-marker.is-complete,
.sl-public-todo.sl-todo-system-v463 .sl-todo-marker.is-complete{
  background:var(--todo-step-green)!important;
  border-color:var(--todo-step-green)!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-marker.is-current,
.sl-public-todo.sl-todo-system-v463 .sl-todo-marker.is-current{
  border-color:var(--todo-orange,#f58220)!important;
  color:#1f2b24!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-step-kicker>span,
.sl-public-todo.sl-todo-system-v463 .sl-todo-step-kicker>span{
  color:var(--todo-phase-orange)!important;
  font-weight:900!important;
}

/* Progress remains green: orange structures the journey, green communicates completion. */
.send-list-app .sl-todo-system-v463 .sl-todo-progress span,
.sl-public-todo.sl-todo-system-v463 .sl-todo-progress span,
.send-list-app .sl-todo-system-v463 .sl-todo-phase-progress span,
.sl-public-todo.sl-todo-system-v463 .sl-todo-phase-progress span,
.send-list-app .sl-todo-system-v463 .sl-todo-editor-phase-progress>i>span{
  background:var(--todo-step-green)!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-progress-card b,
.sl-public-todo.sl-todo-system-v463 .sl-todo-progress-card b{
  color:var(--todo-step-green)!important;
  font-weight:850!important;
}

/* Linked Checklist: supportive entity, visually separate from Step completion. */
.send-list-app .sl-todo-system-v463 .sl-todo-linked-checklist{
  border-color:#d5e7db;
  background:linear-gradient(90deg,#f6fcf8 0%,#fff 100%);
  box-shadow:inset 3px 0 0 rgba(23,107,58,.58);
}
[dir=rtl] .send-list-app .sl-todo-system-v463 .sl-todo-linked-checklist{box-shadow:inset -3px 0 0 rgba(23,107,58,.58)}
.send-list-app .sl-todo-system-v463 .sl-todo-linked-checklist small{
  color:var(--todo-step-green)!important;
  font-weight:850!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-linked-checklist>button{
  border-color:#efb27d;
  background:#fff8f2;
  color:var(--todo-phase-orange-strong);
}

/* Editor visual hierarchy mirrors the runtime without changing its data model. */
.send-list-app .sl-todo-system-v463 .sl-todo-editor-phase{
  border-color:#e1e7e3;
  box-shadow:inset 0 3px 0 rgba(245,130,32,.18);
}
.send-list-app .sl-todo-system-v463 .sl-todo-editor-phase-label .sl-todo-phase-label{
  font-size:12px!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-editor-step{
  border-color:#dfe8e2;
}
.send-list-app .sl-todo-system-v463 .sl-todo-editor-step-label .sl-todo-step-label{
  font-size:11px!important;
}
.send-list-app .sl-todo-system-v463 .sl-todo-editor-number{
  border-color:var(--todo-phase-orange)!important;
}

@media (max-width:680px){
  .send-list-app .sl-todo-system-v463 .sl-todo-phase-label,
  .sl-public-todo.sl-todo-system-v463 .sl-todo-phase-label{font-size:10px!important}
  .send-list-app .sl-todo-system-v463 .sl-todo-phase-chip-label>.sl-todo-phase-label,
  .sl-public-todo.sl-todo-system-v463 .sl-todo-phase-chip-label>.sl-todo-phase-label{font-size:8.5px!important;gap:3px!important}
  .send-list-app .sl-todo-system-v463 .sl-todo-step-label,
  .sl-public-todo.sl-todo-system-v463 .sl-todo-step-label{font-size:10px!important}
}


/* =========================================================
 * Send Listy Core 0.464 — To do Steps Brand Identity Refinement
 * Exact identity contract:
 * - Phase = Send Listy orange (same --sl-orange used by the logo)
 * - Step  = Send Listy green  (same --sl-green used by the logo)
 * - Both labels carry their own small semantic icon.
 * The colors follow the configured brand accents automatically.
 * ========================================================= */
.send-list-app .sl-todo-system-v464,
.sl-public-todo.sl-todo-system-v464{
  --todo-phase-orange:var(--sl-orange,#ff8a00);
  --todo-phase-orange-strong:var(--sl-orange,#ff8a00);
  --todo-phase-soft:color-mix(in srgb,var(--sl-orange,#ff8a00) 8%,#fff);
  --todo-step-green:var(--sl-green,#2f9e2f);
  --todo-step-green-strong:var(--sl-green,#2f9e2f);
  --todo-step-soft:color-mix(in srgb,var(--sl-green,#2f9e2f) 7%,#fff);
}

/* Phase always uses the exact Send Listy logo orange. */
.send-list-app .sl-todo-system-v464 .sl-todo-phase-label,
.sl-public-todo.sl-todo-system-v464 .sl-todo-phase-label,
.send-list-app .sl-todo-system-v464 .sl-todo-phase-chip-label,
.sl-public-todo.sl-todo-system-v464 .sl-todo-phase-chip-label{
  color:var(--sl-orange,#ff8a00)!important;
  font-weight:900!important;
}
.send-list-app .sl-todo-system-v464 .sl-todo-phase-label-icon,
.sl-public-todo.sl-todo-system-v464 .sl-todo-phase-label-icon{
  color:var(--sl-orange,#ff8a00)!important;
}
.send-list-app .sl-todo-system-v464 .sl-todo-phase-head>.sl-todo-visual-icon.is-phase,
.sl-public-todo.sl-todo-system-v464 .sl-todo-phase-head>.sl-todo-visual-icon.is-phase,
.send-list-app .sl-todo-system-v464 .sl-todo-phase-chip>.sl-todo-visual-icon.is-phase,
.sl-public-todo.sl-todo-system-v464 .sl-todo-phase-chip>.sl-todo-visual-icon.is-phase,
.send-list-app .sl-todo-system-v464 .sl-todo-editor-phase-icon{
  color:var(--sl-orange,#ff8a00)!important;
  background:color-mix(in srgb,var(--sl-orange,#ff8a00) 9%,#fff)!important;
  border-color:color-mix(in srgb,var(--sl-orange,#ff8a00) 24%,#fff)!important;
}
.send-list-app .sl-todo-system-v464 .sl-todo-phase-head>b,
.sl-public-todo.sl-todo-system-v464 .sl-todo-phase-head>b{
  color:var(--sl-orange,#ff8a00)!important;
  background:color-mix(in srgb,var(--sl-orange,#ff8a00) 7%,#fff)!important;
  border-color:color-mix(in srgb,var(--sl-orange,#ff8a00) 18%,#fff)!important;
}
.send-list-app .sl-todo-system-v464 .sl-todo-phase-chip.is-active,
.sl-public-todo.sl-todo-system-v464 .sl-todo-phase-chip.is-active{
  border-color:color-mix(in srgb,var(--sl-orange,#ff8a00) 58%,#fff)!important;
  background:color-mix(in srgb,var(--sl-orange,#ff8a00) 4%,#fff)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--sl-orange,#ff8a00) 8%,transparent)!important;
}

/* Step label = semantic stair/advance icon + exact Send Listy logo green. */
.send-list-app .sl-todo-system-v464 .sl-todo-step-label,
.sl-public-todo.sl-todo-system-v464 .sl-todo-step-label{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  color:var(--sl-green,#2f9e2f)!important;
  font-weight:900!important;
  width:auto!important;
  min-width:0!important;
}
.send-list-app .sl-todo-system-v464 .sl-todo-step-label>span:not(.sl-todo-step-label-icon),
.sl-public-todo.sl-todo-system-v464 .sl-todo-step-label>span:not(.sl-todo-step-label-icon){
  color:inherit!important;
}
.send-list-app .sl-todo-system-v464 .sl-todo-step-label-icon,
.sl-public-todo.sl-todo-system-v464 .sl-todo-step-label-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  max-width:15px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--sl-green,#2f9e2f)!important;
  overflow:visible!important;
  flex:0 0 15px!important;
}
.send-list-app .sl-todo-system-v464 .sl-todo-step-label-icon svg,
.sl-public-todo.sl-todo-system-v464 .sl-todo-step-label-icon svg{
  display:block!important;
  width:15px!important;
  height:15px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.send-list-app .sl-todo-system-v464 .sl-todo-step-label em,
.sl-public-todo.sl-todo-system-v464 .sl-todo-step-label em{
  margin-inline-start:1px;
  color:#66756c!important;
}

/* Every progress/completion surface now inherits the exact logo green. */
.send-list-app .sl-todo-system-v464 .sl-todo-marker.is-complete,
.sl-public-todo.sl-todo-system-v464 .sl-todo-marker.is-complete{
  background:var(--sl-green,#2f9e2f)!important;
  border-color:var(--sl-green,#2f9e2f)!important;
}
.send-list-app .sl-todo-system-v464 .sl-todo-progress span,
.sl-public-todo.sl-todo-system-v464 .sl-todo-progress span,
.send-list-app .sl-todo-system-v464 .sl-todo-phase-progress span,
.sl-public-todo.sl-todo-system-v464 .sl-todo-phase-progress span,
.send-list-app .sl-todo-system-v464 .sl-todo-editor-phase-progress>i>span{
  background:var(--sl-green,#2f9e2f)!important;
}
.send-list-app .sl-todo-system-v464 .sl-todo-progress-card b,
.sl-public-todo.sl-todo-system-v464 .sl-todo-progress-card b{
  color:var(--sl-green,#2f9e2f)!important;
}

/* Current-step wording is still a Step concept; orange stays on the card/state edge. */
.send-list-app .sl-todo-system-v464 .sl-todo-step-kicker>span,
.sl-public-todo.sl-todo-system-v464 .sl-todo-step-kicker>span{
  color:var(--sl-green,#2f9e2f)!important;
}
.send-list-app .sl-todo-system-v464 .sl-todo-step-card.is-current,
.sl-public-todo.sl-todo-system-v464 .sl-todo-step-card.is-current,
.send-list-app .sl-todo-system-v464 .sl-todo-marker.is-current,
.sl-public-todo.sl-todo-system-v464 .sl-todo-marker.is-current{
  border-color:var(--sl-orange,#ff8a00)!important;
}

/* Linked checklist follows Step green, while its action uses logo orange. */
.send-list-app .sl-todo-system-v464 .sl-todo-linked-checklist{
  border-color:color-mix(in srgb,var(--sl-green,#2f9e2f) 22%,#fff)!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--sl-green,#2f9e2f) 5%,#fff),#fff)!important;
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--sl-green,#2f9e2f) 68%,transparent)!important;
}
[dir=rtl] .send-list-app .sl-todo-system-v464 .sl-todo-linked-checklist{
  box-shadow:inset -3px 0 0 color-mix(in srgb,var(--sl-green,#2f9e2f) 68%,transparent)!important;
}
.send-list-app .sl-todo-system-v464 .sl-todo-linked-checklist small{
  color:var(--sl-green,#2f9e2f)!important;
}
.send-list-app .sl-todo-system-v464 .sl-todo-linked-checklist>button{
  color:var(--sl-orange,#ff8a00)!important;
  border-color:color-mix(in srgb,var(--sl-orange,#ff8a00) 35%,#fff)!important;
  background:color-mix(in srgb,var(--sl-orange,#ff8a00) 5%,#fff)!important;
}

/* Editor mirrors the same exact identity. */
.send-list-app .sl-todo-system-v464 .sl-todo-editor-phase{
  box-shadow:inset 0 3px 0 color-mix(in srgb,var(--sl-orange,#ff8a00) 25%,transparent)!important;
}
.send-list-app .sl-todo-system-v464 .sl-todo-editor-step-label .sl-todo-step-label{
  color:var(--sl-green,#2f9e2f)!important;
}

@media(max-width:560px){
  .send-list-app .sl-todo-system-v464 .sl-todo-step-label-icon,
  .sl-public-todo.sl-todo-system-v464 .sl-todo-step-label-icon{
    width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;flex-basis:14px!important;
  }
  .send-list-app .sl-todo-system-v464 .sl-todo-step-label-icon svg,
  .sl-public-todo.sl-todo-system-v464 .sl-todo-step-label-icon svg{
    width:14px!important;height:14px!important;
  }
}


/* =========================================================
 * Send Listy Core 0.465 — To do Steps Unified Timeline Layout
 * - Hero cover ratio 100:40 (5:2), stacked above copy.
 * - Last verified joins the hero meta row.
 * - Continue/Start becomes full-width.
 * - Overall progress precedes a collapsed Official sources accordion.
 * - All phases live inside one timeline surface.
 * - Connector runs from each phase icon to its step-number markers.
 * - Completed marker = orange number + overlapping green check badge.
 * ========================================================= */
.send-list-app .sl-todo-system-v465,
.sl-public-todo.sl-todo-system-v465{
  --todo-v465-line:color-mix(in srgb,var(--sl-orange,#ff8a00) 30%,#dfe7e0);
  --todo-v465-surface:#fff;
  --todo-v465-soft:#f8faf8;
}

/* Hero: deterministic 100:40 media ratio on every component width. */
.send-list-app .sl-todo-system-v465 .sl-todo-hero-v458,
.sl-public-todo.sl-todo-system-v465 .sl-todo-hero-v458{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  overflow:hidden!important;
}
.send-list-app .sl-todo-system-v465 .sl-todo-hero-figure,
.sl-public-todo.sl-todo-system-v465 .sl-todo-hero-figure{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:5/2!important;
  border:0!important;
  border-bottom:1px solid var(--todo-border,#dce6df)!important;
  overflow:hidden!important;
}
.send-list-app .sl-todo-system-v465 .sl-todo-hero-figure img,
.sl-public-todo.sl-todo-system-v465 .sl-todo-hero-figure img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:5/2!important;
  object-fit:cover!important;
  object-position:center!important;
}
.send-list-app .sl-todo-system-v465 .sl-todo-hero-body,
.sl-public-todo.sl-todo-system-v465 .sl-todo-hero-body{
  grid-column:1!important;
  grid-row:2!important;
  width:100%!important;
  padding:16px 18px 18px!important;
}
.send-list-app .sl-todo-system-v465 .sl-todo-meta,
.sl-public-todo.sl-todo-system-v465 .sl-todo-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:12px!important;
}
.send-list-app .sl-todo-system-v465 .sl-todo-meta span,
.sl-public-todo.sl-todo-system-v465 .sl-todo-meta span{
  min-height:30px;
  padding:6px 9px!important;
  border-radius:9px!important;
  font-size:11px!important;
  line-height:1.15!important;
}
.send-list-app .sl-todo-system-v465 .sl-todo-meta .sl-todo-meta-verified,
.sl-public-todo.sl-todo-system-v465 .sl-todo-meta .sl-todo-meta-verified{
  color:#58675e!important;
  background:#fbfcfb!important;
}
.send-list-app .sl-todo-system-v465 .sl-todo-hero-cta,
.sl-public-todo.sl-todo-system-v465 .sl-todo-hero-cta{
  width:100%!important;
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin-top:12px!important;
}

/* Progress is primary information and therefore sits before governance. */
.send-list-app .sl-todo-system-v465 .sl-todo-progress-card,
.sl-public-todo.sl-todo-system-v465 .sl-todo-progress-card{
  margin:0 0 12px!important;
  background:#fff!important;
}

/* Official sources: native, accessible, closed-by-default disclosure. */
.send-list-app .sl-todo-system-v465 .sl-todo-official-accordion,
.sl-public-todo.sl-todo-system-v465 .sl-todo-official-accordion{
  margin:0 0 14px!important;
  border:1px solid #dfe9df;
  border-radius:15px;
  background:#f9fcf8;
  overflow:hidden;
}
.send-list-app .sl-todo-system-v465 .sl-todo-official-accordion>summary,
.sl-public-todo.sl-todo-system-v465 .sl-todo-official-accordion>summary{
  list-style:none;
  min-height:48px;
  padding:11px 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  user-select:none;
  color:#263a2d;
}
.send-list-app .sl-todo-system-v465 .sl-todo-official-accordion>summary::-webkit-details-marker,
.sl-public-todo.sl-todo-system-v465 .sl-todo-official-accordion>summary::-webkit-details-marker{display:none}
.send-list-app .sl-todo-system-v465 .sl-todo-official-summary-label,
.sl-public-todo.sl-todo-system-v465 .sl-todo-official-summary-label{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}
.send-list-app .sl-todo-system-v465 .sl-todo-official-summary-label strong,
.sl-public-todo.sl-todo-system-v465 .sl-todo-official-summary-label strong{font-size:13px;font-weight:850}
.send-list-app .sl-todo-system-v465 .sl-todo-official-summary-label small,
.sl-public-todo.sl-todo-system-v465 .sl-todo-official-summary-label small{
  min-width:22px;
  height:22px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#edf5ee;
  color:#4e6655;
  font-size:10px;
  font-weight:850;
}
.send-list-app .sl-todo-system-v465 .sl-todo-official-chevron,
.sl-public-todo.sl-todo-system-v465 .sl-todo-official-chevron{
  transition:transform .18s ease;
  color:#6b786f;
  font-size:18px;
  line-height:1;
}
.send-list-app .sl-todo-system-v465 .sl-todo-official-accordion[open] .sl-todo-official-chevron,
.sl-public-todo.sl-todo-system-v465 .sl-todo-official-accordion[open] .sl-todo-official-chevron{transform:rotate(180deg)}
.send-list-app .sl-todo-system-v465 .sl-todo-official-panel,
.sl-public-todo.sl-todo-system-v465 .sl-todo-official-panel{
  padding:0 12px 12px;
  border-top:1px solid #e5ece4;
}
.send-list-app .sl-todo-system-v465 .sl-todo-official-meta,
.sl-public-todo.sl-todo-system-v465 .sl-todo-official-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px 12px;
  padding:10px 1px 2px;
  color:#56655b;
  font-size:11px;
}
.send-list-app .sl-todo-system-v465 .sl-todo-official-links,
.sl-public-todo.sl-todo-system-v465 .sl-todo-official-links{display:grid;gap:7px;padding-top:9px}
.send-list-app .sl-todo-system-v465 .sl-todo-official-links a,
.sl-public-todo.sl-todo-system-v465 .sl-todo-official-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:42px;
  padding:9px 10px;
  border:1px solid #dfe8dd;
  border-radius:10px;
  background:#fff;
  color:#1f6f31;
  text-decoration:none;
  font-size:12px;
  font-weight:750;
  overflow-wrap:anywhere;
}
.send-list-app .sl-todo-system-v465 .sl-todo-official-disclaimer,
.sl-public-todo.sl-todo-system-v465 .sl-todo-official-disclaimer{
  margin:10px 0 0;
  padding:10px 2px 0;
  border-top:1px solid #e5ece4;
  color:#68756a;
  font-size:11px;
  line-height:1.5;
}

/* One timeline surface: phases are sections, not separate cards. */
.send-list-app .sl-todo-system-v465 .sl-todo-phase-nav,
.sl-public-todo.sl-todo-system-v465 .sl-todo-phase-nav{display:none!important}
.send-list-app .sl-todo-system-v465 .sl-todo-timeline,
.sl-public-todo.sl-todo-system-v465 .sl-todo-timeline{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  padding:0 16px!important;
  border:1px solid var(--todo-border,#dfe7e0)!important;
  border-radius:20px!important;
  background:var(--todo-v465-surface)!important;
  box-shadow:0 5px 18px rgba(28,51,35,.035)!important;
  overflow:hidden!important;
}
.send-list-app .sl-todo-system-v465 .sl-todo-phase,
.sl-public-todo.sl-todo-system-v465 .sl-todo-phase{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:18px 0 20px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  contain:none!important;
}
.send-list-app .sl-todo-system-v465 .sl-todo-phase+.sl-todo-phase,
.sl-public-todo.sl-todo-system-v465 .sl-todo-phase+.sl-todo-phase{
  border-top:1px solid #edf1ee!important;
}
.send-list-app .sl-todo-system-v465 .sl-todo-phase-head,
.sl-public-todo.sl-todo-system-v465 .sl-todo-phase-head{
  position:relative!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  gap:11px!important;
  align-items:start!important;
  margin:0!important;
  padding:0 0 10px!important;
  border:0!important;
  overflow:visible!important;
  contain:none!important;
}
/* bridge from the phase icon into the normal step connector */
.send-list-app .sl-todo-system-v465 .sl-todo-phase-head::after,
.sl-public-todo.sl-todo-system-v465 .sl-todo-phase-head::after{
  content:"";
  position:absolute;
  z-index:0;
  left:21px;
  top:40px;
  bottom:-8px;
  width:2px;
  border-radius:2px;
  background:var(--todo-v465-line);
  pointer-events:none;
}
[dir=rtl] .send-list-app .sl-todo-system-v465 .sl-todo-phase-head::after,
[dir=rtl].sl-public-todo.sl-todo-system-v465 .sl-todo-phase-head::after{left:auto;right:21px}
.send-list-app .sl-todo-system-v465 .sl-todo-phase-head>.sl-todo-visual-icon.is-phase,
.sl-public-todo.sl-todo-system-v465 .sl-todo-phase-head>.sl-todo-visual-icon.is-phase{
  position:relative!important;
  z-index:2!important;
}
.send-list-app .sl-todo-system-v465 .sl-todo-phase-line,
.sl-public-todo.sl-todo-system-v465 .sl-todo-phase-line{
  position:relative!important;
  padding:4px 0 2px 56px!important;
  overflow:visible!important;
}
[dir=rtl] .send-list-app .sl-todo-system-v465 .sl-todo-phase-line,
[dir=rtl].sl-public-todo.sl-todo-system-v465 .sl-todo-phase-line{padding:4px 56px 2px 0!important}
.send-list-app .sl-todo-system-v465 .sl-todo-phase-line::before,
.sl-public-todo.sl-todo-system-v465 .sl-todo-phase-line::before{
  left:20px!important;
  top:0!important;
  bottom:8px!important;
  width:2px!important;
  background:var(--todo-v465-line)!important;
}
[dir=rtl] .send-list-app .sl-todo-system-v465 .sl-todo-phase-line::before,
[dir=rtl].sl-public-todo.sl-todo-system-v465 .sl-todo-phase-line::before{left:auto!important;right:20px!important}

/* Completed step marker: preserve the step number, add a green completion badge. */
.send-list-app .sl-todo-system-v465 .sl-todo-marker.is-complete,
.sl-public-todo.sl-todo-system-v465 .sl-todo-marker.is-complete{
  position:absolute!important;
  background:var(--sl-orange,#ff8a00)!important;
  border-color:var(--sl-orange,#ff8a00)!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 0 0 3px #fff!important;
}
.send-list-app .sl-todo-system-v465 .sl-todo-marker.is-complete::after,
.sl-public-todo.sl-todo-system-v465 .sl-todo-marker.is-complete::after{
  content:"✓";
  position:absolute;
  z-index:4;
  right:-6px;
  bottom:-5px;
  width:19px;
  height:19px;
  display:grid;
  place-items:center;
  border:2px solid #fff;
  border-radius:50%;
  background:var(--sl-green,#2f9e2f);
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:950;
  box-shadow:0 1px 3px rgba(0,0,0,.08);
}
[dir=rtl] .send-list-app .sl-todo-system-v465 .sl-todo-marker.is-complete::after,
[dir=rtl].sl-public-todo.sl-todo-system-v465 .sl-todo-marker.is-complete::after{right:auto;left:-6px}
/* focused-but-completed steps retain the same completion identity */
.send-list-app .sl-todo-system-v465 .sl-todo-step-card.is-focused-complete .sl-todo-marker.is-current.is-complete,
.sl-public-todo.sl-todo-system-v465 .sl-todo-step-card.is-focused-complete .sl-todo-marker.is-current.is-complete{
  background:var(--sl-orange,#ff8a00)!important;
  border-color:var(--sl-orange,#ff8a00)!important;
  color:#fff!important;
}

/* Slightly quieter phase progress inside the single continuous surface. */
.send-list-app .sl-todo-system-v465 .sl-todo-phase-progress,
.sl-public-todo.sl-todo-system-v465 .sl-todo-phase-progress{max-width:360px;margin-top:7px}

@media(max-width:560px){
  .send-list-app .sl-todo-system-v465 .sl-todo-hero-body,
  .sl-public-todo.sl-todo-system-v465 .sl-todo-hero-body{padding:13px 14px 14px!important}
  .send-list-app .sl-todo-system-v465 .sl-todo-timeline,
  .sl-public-todo.sl-todo-system-v465 .sl-todo-timeline{padding:0 12px!important;border-radius:16px!important}
  .send-list-app .sl-todo-system-v465 .sl-todo-phase,
  .sl-public-todo.sl-todo-system-v465 .sl-todo-phase{padding:15px 0 17px!important}
  .send-list-app .sl-todo-system-v465 .sl-todo-phase-head,
  .sl-public-todo.sl-todo-system-v465 .sl-todo-phase-head{grid-template-columns:38px minmax(0,1fr) auto!important;gap:9px!important}
  .send-list-app .sl-todo-system-v465 .sl-todo-phase-head>.sl-todo-visual-icon.is-phase,
  .sl-public-todo.sl-todo-system-v465 .sl-todo-phase-head>.sl-todo-visual-icon.is-phase{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important}
  .send-list-app .sl-todo-system-v465 .sl-todo-phase-head::after,
  .sl-public-todo.sl-todo-system-v465 .sl-todo-phase-head::after{left:18px;top:36px}
  [dir=rtl] .send-list-app .sl-todo-system-v465 .sl-todo-phase-head::after,
  [dir=rtl].sl-public-todo.sl-todo-system-v465 .sl-todo-phase-head::after{left:auto;right:18px}
  .send-list-app .sl-todo-system-v465 .sl-todo-phase-line,
  .sl-public-todo.sl-todo-system-v465 .sl-todo-phase-line{padding-left:50px!important}
  [dir=rtl] .send-list-app .sl-todo-system-v465 .sl-todo-phase-line,
  [dir=rtl].sl-public-todo.sl-todo-system-v465 .sl-todo-phase-line{padding-left:0!important;padding-right:50px!important}
  .send-list-app .sl-todo-system-v465 .sl-todo-phase-line::before,
  .sl-public-todo.sl-todo-system-v465 .sl-todo-phase-line::before{left:17px!important}
  [dir=rtl] .send-list-app .sl-todo-system-v465 .sl-todo-phase-line::before,
  [dir=rtl].sl-public-todo.sl-todo-system-v465 .sl-todo-phase-line::before{left:auto!important;right:17px!important}
  .send-list-app .sl-todo-system-v465 .sl-todo-marker,
  .sl-public-todo.sl-todo-system-v465 .sl-todo-marker{left:-49px!important;width:36px!important;height:36px!important;font-size:13px!important}
  [dir=rtl] .send-list-app .sl-todo-system-v465 .sl-todo-marker,
  [dir=rtl].sl-public-todo.sl-todo-system-v465 .sl-todo-marker{left:auto!important;right:-49px!important}
  .send-list-app .sl-todo-system-v465 .sl-todo-marker.is-complete::after,
  .sl-public-todo.sl-todo-system-v465 .sl-todo-marker.is-complete::after{width:17px;height:17px;font-size:10px;right:-5px;bottom:-4px}
  [dir=rtl] .send-list-app .sl-todo-system-v465 .sl-todo-marker.is-complete::after,
  [dir=rtl].sl-public-todo.sl-todo-system-v465 .sl-todo-marker.is-complete::after{right:auto;left:-5px}
}

/* =========================================================
 * Send Listy Core 0.466 — To do Steps Hero / Governance / Completion Refinement
 * - Cover ratio: 100:60 (5:3).
 * - Continue/Start label: +30% from v0.465 effective size.
 * - Official Sources disclosure lives inside the hero body, directly after metadata.
 * - Completed step number marker becomes neutral 40% gray.
 * - Completion check badge and glyph are enlarged by 20%.
 * ========================================================= */
.send-list-app .sl-todo-system-v466,
.sl-public-todo.sl-todo-system-v466{
  --todo-v466-complete-gray:#999999;
}

/* 100:60 hero media. */
.send-list-app .sl-todo-system-v466 .sl-todo-hero-figure,
.sl-public-todo.sl-todo-system-v466 .sl-todo-hero-figure,
.send-list-app .sl-todo-system-v466 .sl-todo-hero-figure img,
.sl-public-todo.sl-todo-system-v466 .sl-todo-hero-figure img{
  aspect-ratio:5/3!important;
}

/* Continue / Start: 30% larger than the v0.465 effective label size (11px -> 14.3px). */
.send-list-app .sl-todo-system-v466 .sl-todo-hero-cta,
.sl-public-todo.sl-todo-system-v466 .sl-todo-hero-cta{
  min-height:48px!important;
  font-size:14.3px!important;
  line-height:1.2!important;
  font-weight:850!important;
}
.send-list-app .sl-todo-system-v466 .sl-todo-hero-cta>span,
.sl-public-todo.sl-todo-system-v466 .sl-todo-hero-cta>span{
  font-size:21px!important;
}

/* Governance belongs to the upper hero card, immediately after Last verified/meta. */
.send-list-app .sl-todo-system-v466 .sl-todo-hero-body>.sl-todo-official-accordion,
.sl-public-todo.sl-todo-system-v466 .sl-todo-hero-body>.sl-todo-official-accordion{
  width:100%!important;
  margin:10px 0 0!important;
  border-radius:12px!important;
  background:#f9fcf8!important;
  box-shadow:none!important;
}
.send-list-app .sl-todo-system-v466 .sl-todo-hero-body>.sl-todo-official-accordion>summary,
.sl-public-todo.sl-todo-system-v466 .sl-todo-hero-body>.sl-todo-official-accordion>summary{
  min-height:42px!important;
  padding:9px 11px!important;
}
.send-list-app .sl-todo-system-v466 .sl-todo-hero-body>.sl-todo-official-accordion .sl-todo-official-summary-label strong,
.sl-public-todo.sl-todo-system-v466 .sl-todo-hero-body>.sl-todo-official-accordion .sl-todo-official-summary-label strong{
  font-size:12px!important;
}
/* CTA follows the in-card governance disclosure cleanly. */
.send-list-app .sl-todo-system-v466 .sl-todo-hero-body>.sl-todo-official-accordion + .sl-todo-hero-cta,
.sl-public-todo.sl-todo-system-v466 .sl-todo-hero-body>.sl-todo-official-accordion + .sl-todo-hero-cta{
  margin-top:10px!important;
}

/* Completed step: neutral gray number circle, completion remains strongly green. */
.send-list-app .sl-todo-system-v466 .sl-todo-marker.is-complete,
.sl-public-todo.sl-todo-system-v466 .sl-todo-marker.is-complete,
.send-list-app .sl-todo-system-v466 .sl-todo-step-card.is-focused-complete .sl-todo-marker.is-current.is-complete,
.sl-public-todo.sl-todo-system-v466 .sl-todo-step-card.is-focused-complete .sl-todo-marker.is-current.is-complete{
  background:var(--todo-v466-complete-gray)!important;
  border-color:var(--todo-v466-complete-gray)!important;
  color:#fff!important;
}

/* Completion badge: +20% vs v0.465 desktop (19 -> 23px; 11 -> ~13px). */
.send-list-app .sl-todo-system-v466 .sl-todo-marker.is-complete::after,
.sl-public-todo.sl-todo-system-v466 .sl-todo-marker.is-complete::after{
  width:23px!important;
  height:23px!important;
  right:-8px!important;
  bottom:-7px!important;
  font-size:13px!important;
  border-width:2px!important;
}
[dir=rtl] .send-list-app .sl-todo-system-v466 .sl-todo-marker.is-complete::after,
[dir=rtl].sl-public-todo.sl-todo-system-v466 .sl-todo-marker.is-complete::after{
  right:auto!important;
  left:-8px!important;
}

@media(max-width:560px){
  /* v0.465 mobile effective size was 10.2px; +30% = 13.26px. */
  .send-list-app .sl-todo-system-v466 .sl-todo-hero-cta,
  .sl-public-todo.sl-todo-system-v466 .sl-todo-hero-cta{
    min-height:46px!important;
    font-size:13.3px!important;
  }
  /* v0.465 mobile badge was 17px / 10px; +20% = 20.4px / 12px. */
  .send-list-app .sl-todo-system-v466 .sl-todo-marker.is-complete::after,
  .sl-public-todo.sl-todo-system-v466 .sl-todo-marker.is-complete::after{
    width:20px!important;
    height:20px!important;
    right:-7px!important;
    bottom:-6px!important;
    font-size:12px!important;
  }
  [dir=rtl] .send-list-app .sl-todo-system-v466 .sl-todo-marker.is-complete::after,
  [dir=rtl].sl-public-todo.sl-todo-system-v466 .sl-todo-marker.is-complete::after{
    right:auto!important;
    left:-7px!important;
  }
}

/* =========================================================
 * Send Listy Core 0.467 — To do Steps Cover / Verification / Completion Fix
 * - Enforce the requested 100:60 (5:3) hero ratio even when v0.458 compact
 *   layout classes previously applied fixed pixel heights.
 * - Keep Last verified inside Official Sources and show month + year only.
 * - Completed step number circle uses a neutral 25% gray.
 * ========================================================= */
.send-list-app .sl-todo-system-v458.sl-todo-system-v467,
.sl-public-todo.sl-todo-system-v458.sl-todo-system-v467{
  --todo-v467-complete-gray:#bfbfbf;
}

/* The earlier compact/narrow system used fixed 108/92px heights. Explicitly
   neutralize those heights so aspect-ratio can actually control the cover. */
.send-list-app .sl-todo-system-v458.sl-todo-system-v467 .sl-todo-hero-figure,
.sl-public-todo.sl-todo-system-v458.sl-todo-system-v467 .sl-todo-hero-figure{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:5/3!important;
  overflow:hidden!important;
}
.send-list-app .sl-todo-system-v458.sl-todo-system-v467 .sl-todo-hero-figure img,
.sl-public-todo.sl-todo-system-v458.sl-todo-system-v467 .sl-todo-hero-figure img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Editor preview uses the same crop contract users will see in Timeline. */
.send-list-app .sl-todo-system-v467 .sl-todo-editor-cover-preview,
.send-list-app .sl-todo-system-v467 .sl-todo-editor-cover-empty{
  aspect-ratio:5/3!important;
}

/* Verification lives inside the Official Sources disclosure, before its title. */
.send-list-app .sl-todo-system-v467 .sl-todo-official-summary-stack,
.sl-public-todo.sl-todo-system-v467 .sl-todo-official-summary-stack{
  min-width:0;
  display:grid;
  gap:5px;
}
.send-list-app .sl-todo-system-v467 .sl-todo-official-verified,
.sl-public-todo.sl-todo-system-v467 .sl-todo-official-verified{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  color:#5f6d63;
  line-height:1.05;
}
.send-list-app .sl-todo-system-v467 .sl-todo-official-verified>span:first-child,
.sl-public-todo.sl-todo-system-v467 .sl-todo-official-verified>span:first-child{
  font-size:12px;
  line-height:1;
}
.send-list-app .sl-todo-system-v467 .sl-todo-official-verified>span:last-child,
.sl-public-todo.sl-todo-system-v467 .sl-todo-official-verified>span:last-child{
  display:flex;
  align-items:baseline;
  gap:5px;
  min-width:0;
}
.send-list-app .sl-todo-system-v467 .sl-todo-official-verified small,
.sl-public-todo.sl-todo-system-v467 .sl-todo-official-verified small{
  font-size:9.5px;
  font-weight:700;
  color:#748078;
}
.send-list-app .sl-todo-system-v467 .sl-todo-official-verified b,
.sl-public-todo.sl-todo-system-v467 .sl-todo-official-verified b{
  font-size:11px;
  font-weight:850;
  color:#34453a;
  white-space:nowrap;
}
.send-list-app .sl-todo-system-v467 .sl-todo-official-summary-label,
.sl-public-todo.sl-todo-system-v467 .sl-todo-official-summary-label{
  gap:7px!important;
}

/* 25% neutral gray for the completed step number. The separate completion
   badge remains Send Listy green and is intentionally not dimmed. */
.send-list-app .sl-todo-system-v467 .sl-todo-marker.is-complete,
.sl-public-todo.sl-todo-system-v467 .sl-todo-marker.is-complete,
.send-list-app .sl-todo-system-v467 .sl-todo-step-card.is-focused-complete .sl-todo-marker.is-current.is-complete,
.sl-public-todo.sl-todo-system-v467 .sl-todo-step-card.is-focused-complete .sl-todo-marker.is-current.is-complete{
  background:var(--todo-v467-complete-gray)!important;
  border-color:var(--todo-v467-complete-gray)!important;
  color:#fff!important;
}


/* =========================================================
 * Send Listy Core 0.468 — To do Steps Governance / Cover Replace / Action Tray Refinement
 * - Last verified is hidden with the collapsed Official Sources disclosure and
 *   appears first only after the disclosure is opened.
 * - Existing cover images can be replaced directly without removing the old image.
 * - To do Steps bottom action capsule typography is slightly smaller.
 * - Delete List secondary panel is more compact while remaining touch friendly.
 * ========================================================= */

/* Last verified belongs to the disclosure BODY, never the closed summary. */
.send-list-app .sl-todo-system-v468 .sl-todo-official-accordion>summary .sl-todo-official-verified,
.sl-public-todo.sl-todo-system-v468 .sl-todo-official-accordion>summary .sl-todo-official-verified{
  display:none!important;
}
.send-list-app .sl-todo-system-v468 .sl-todo-official-panel>.sl-todo-official-verified,
.sl-public-todo.sl-todo-system-v468 .sl-todo-official-panel>.sl-todo-official-verified{
  display:flex!important;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:0 0 9px;
  margin:0 0 1px;
  color:#5f6d63;
  line-height:1.05;
}
.send-list-app .sl-todo-system-v468 .sl-todo-official-panel>.sl-todo-official-verified>span:first-child,
.sl-public-todo.sl-todo-system-v468 .sl-todo-official-panel>.sl-todo-official-verified>span:first-child{
  font-size:12px;
  line-height:1;
}
.send-list-app .sl-todo-system-v468 .sl-todo-official-panel>.sl-todo-official-verified>span:last-child,
.sl-public-todo.sl-todo-system-v468 .sl-todo-official-panel>.sl-todo-official-verified>span:last-child{
  display:flex;
  align-items:baseline;
  gap:5px;
  min-width:0;
}
.send-list-app .sl-todo-system-v468 .sl-todo-official-panel>.sl-todo-official-verified small,
.sl-public-todo.sl-todo-system-v468 .sl-todo-official-panel>.sl-todo-official-verified small{
  font-size:9.5px;
  font-weight:700;
  color:#748078;
}
.send-list-app .sl-todo-system-v468 .sl-todo-official-panel>.sl-todo-official-verified b,
.sl-public-todo.sl-todo-system-v468 .sl-todo-official-panel>.sl-todo-official-verified b{
  font-size:11px;
  font-weight:850;
  color:#34453a;
  white-space:nowrap;
}

/* Cover picker gives immediate feedback while the replacement crop is running. */
.send-list-app .sl-todo-system-v468 .sl-todo-cover-picker.is-processing{
  opacity:.62;
  pointer-events:none;
}
.send-list-app .sl-todo-system-v468 .sl-todo-cover-picker.is-processing span::after{
  content:' …';
}

/* Slightly smaller labels in the three bottom capsules, without changing their
   established widths/order or making the touch targets smaller. */
.send-list-app .sl-todo-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-primary-row-save,
.send-list-app .sl-todo-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-add-item-wide,
.send-list-app .sl-todo-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-primary-row-preview,
.send-list-app .sl-todo-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-primary-row-save>span:last-child,
.send-list-app .sl-todo-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-add-item-wide>span:first-child,
.send-list-app .sl-todo-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-primary-row-preview>span:last-child{
  font-size:14.5px!important;
  line-height:1.05!important;
}
.send-list-app .sl-todo-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row .sl-item-count{
  font-size:10px!important;
}

/* Compact Delete List secondary surface. Keep a >=40px action target. */
.send-list-app .sl-todo-editor-actions-portal.sl-editor-actions-redesign .sl-collapsible-actions{
  padding:6px 8px 8px!important;
  border-radius:18px!important;
}
.send-list-app .sl-todo-editor-actions-portal.sl-editor-actions-redesign .sl-collapsible-actions .sl-delete-list-wide{
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  padding:5px 10px!important;
  font-size:14px!important;
  line-height:1.1!important;
}
@media(max-width:650px){
  .send-list-app .sl-todo-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-primary-row-save,
  .send-list-app .sl-todo-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-add-item-wide,
  .send-list-app .sl-todo-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-primary-row-preview,
  .send-list-app .sl-todo-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-primary-row-save>span:last-child,
  .send-list-app .sl-todo-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-add-item-wide>span:first-child,
  .send-list-app .sl-todo-editor-actions-portal.sl-editor-actions-redesign .sl-primary-editor-row>.sl-primary-row-preview>span:last-child{
    font-size:14px!important;
  }
  .send-list-app .sl-todo-editor-actions-portal.sl-editor-actions-redesign .sl-collapsible-actions{
    padding:6px 7px 7px!important;
  }
}


/* =========================================================
 * Send Listy Core 0.469 — To do Steps Cover Ratio 100:70
 * - Canonical To do Steps cover ratio is now 100:70 (10:7).
 * - Applies consistently to Editor, Preview, Saved Timeline and Public Timeline.
 * - Overrides historical compact fixed-height rules without changing data schema.
 * ========================================================= */
.send-list-app .sl-todo-system-v469 .sl-todo-hero-figure,
.sl-public-todo.sl-todo-system-v469 .sl-todo-hero-figure{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:10/7!important;
  overflow:hidden!important;
}
.send-list-app .sl-todo-system-v469 .sl-todo-hero-figure img,
.sl-public-todo.sl-todo-system-v469 .sl-todo-hero-figure img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}
.send-list-app .sl-todo-system-v469 .sl-todo-editor-cover-preview,
.send-list-app .sl-todo-system-v469 .sl-todo-editor-cover-empty{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:10/7!important;
}


/* =========================================================
 * Send Listy Core 0.470 — To do Steps Full Image Media Mode
 * - Cover keeps the user's full image visible inside the 100:70 frame.
 * - Step media uses its natural aspect ratio instead of a 16:9 crop.
 * - Editor, Preview, Saved Timeline and Public Timeline share the same rule.
 * ========================================================= */
.send-list-app .sl-todo-system-v470 .sl-todo-hero-figure,
.sl-public-todo.sl-todo-system-v470 .sl-todo-hero-figure{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:10/7!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#f4f7f4!important;
}
.send-list-app .sl-todo-system-v470 .sl-todo-hero-figure img,
.sl-public-todo.sl-todo-system-v470 .sl-todo-hero-figure img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  background:#f4f7f4!important;
}

/* Editor cover preview mirrors the full-image cover contract. */
.send-list-app .sl-todo-system-v470 .sl-todo-editor-cover-preview,
.send-list-app .sl-todo-system-v470 .sl-todo-editor-cover-empty{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:10/7!important;
  display:grid!important;
  place-items:center!important;
  background:#f4f7f4!important;
}
.send-list-app .sl-todo-system-v470 .sl-todo-editor-cover-preview img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f4f7f4!important;
}

/* Step images are instructional media, not thumbnails: never crop them. */
.send-list-app .sl-todo-system-v470 .sl-todo-step-image,
.sl-public-todo.sl-todo-system-v470 .sl-todo-step-image{
  width:100%!important;
  min-height:0!important;
  max-height:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f4f7f4!important;
}
.send-list-app .sl-todo-system-v470 .sl-todo-step-image img,
.sl-public-todo.sl-todo-system-v470 .sl-todo-step-image img{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:520px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}

/* Editor step preview also preserves the whole uploaded image. */
.send-list-app .sl-todo-system-v470 .sl-todo-editor-step-image-preview{
  width:min(360px,100%)!important;
  height:auto!important;
  min-height:110px!important;
  max-height:360px!important;
  aspect-ratio:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f4f7f4!important;
}
.send-list-app .sl-todo-system-v470 .sl-todo-editor-step-image-preview img{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:360px!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media(max-width:650px){
  .send-list-app .sl-todo-system-v470 .sl-todo-step-image img,
  .sl-public-todo.sl-todo-system-v470 .sl-todo-step-image img{
    max-height:430px!important;
  }
  .send-list-app .sl-todo-system-v470 .sl-todo-editor-step-image-preview{
    width:100%!important;
    max-height:320px!important;
  }
  .send-list-app .sl-todo-system-v470 .sl-todo-editor-step-image-preview img{
    max-height:320px!important;
  }
}

/* Core 0.478 — administrator-managed cover state */
.sl-todo-cover-admin-note{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 10px;border:1px dashed color-mix(in srgb,var(--sl-green,#2f9e2f) 24%,#dfe8df);border-radius:12px;background:color-mix(in srgb,var(--sl-green,#2f9e2f) 4%,#fff);color:#637067;text-align:center}
.sl-todo-cover-admin-note span{font-size:14px}.sl-todo-cover-admin-note small{font-size:11px;line-height:1.25;font-weight:600}.sl-todo-editor-cover-preview.is-readonly button{display:none!important}