/* SEND Life Update 19H1 - quick tasks and parent task list */
.sl-task-hub-hero-19h1,
.sl-task-create-heading-19h1 {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
}
.sl-task-hub-hero-19h1 { background:linear-gradient(135deg,#f0ffff,#fff 55%,#f5f0ff); }
.sl-task-hub-hero-19h1 h1,
.sl-task-create-heading-19h1 h1 { margin:4px 0 8px; color:#14275d; font-size:clamp(1.75rem,3vw,2.45rem); line-height:1.08; }
.sl-task-hub-hero-19h1 p,
.sl-task-create-heading-19h1 p { margin:0; max-width:720px; color:#536579; }
.sl-task-hub-actions-19h1 { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; min-width:260px; }
.sl-task-support-alert-19h1 { margin:16px 0; padding:16px 18px; display:flex; justify-content:space-between; gap:18px; align-items:center; border:1px solid #f0c467; border-radius:18px; background:#fff9e9; color:#5b4313; }
.sl-task-support-alert-19h1 > div:first-child { display:flex; gap:12px; align-items:center; }
.sl-task-support-alert-19h1 > div:first-child > span { width:44px; height:44px; display:grid; place-items:center; flex:0 0 auto; border-radius:14px; background:#fff; font-size:1.45rem; }
.sl-task-support-alert-19h1 p { margin:3px 0 0; }
.sl-task-support-links-19h1 { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.sl-task-support-links-19h1 a { padding:8px 11px; border:1px solid #e8c574; border-radius:999px; background:#fff; color:#5b4313; font-weight:800; text-decoration:none; }
.sl-task-tabs-19h1 { margin:18px 0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.sl-task-tabs-19h1 a { min-height:62px; padding:11px 14px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px; border:1px solid #d9e5ea; border-radius:16px; background:#fff; color:#233a55; text-decoration:none; box-shadow:0 5px 16px rgba(22,52,79,.05); }
.sl-task-tabs-19h1 a:hover { border-color:#05a6a7; }
.sl-task-tabs-19h1 a.is-active { border-color:#078e91; background:#eefdfe; color:#075f64; box-shadow:inset 0 0 0 1px #078e91; }
.sl-task-tabs-19h1 a > span { font-size:1.2rem; }
.sl-task-tabs-19h1 a em { min-width:28px; height:28px; display:grid; place-items:center; border-radius:999px; background:#edf2f6; color:#44586c; font-style:normal; font-weight:900; }
.sl-task-tabs-19h1 a.is-active em { background:#fff; color:#075f64; }
.sl-task-list-card-19h1 { padding:22px; }
.sl-task-list-heading-19h1 { margin-bottom:14px; align-items:end; }
.sl-task-list-heading-19h1 h2 { margin:2px 0 0; color:#14275d; }
.sl-parent-task-list-19h1 { display:grid; gap:10px; }
.sl-parent-task-row-19h1 { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; border:1px solid #dce7eb; border-left:5px solid #7c8da0; border-radius:17px; background:#fff; overflow:hidden; }
.sl-parent-task-row-19h1.status-help { border-left-color:#d44343; }
.sl-parent-task-row-19h1.status-break { border-left-color:#d99b23; }
.sl-parent-task-row-19h1.status-started { border-left-color:#7159c6; }
.sl-parent-task-row-19h1.status-check { border-left-color:#177bb4; }
.sl-parent-task-row-19h1.status-done,
.sl-parent-task-row-19h1.is-complete { border-left-color:#19885a; background:#fbfffd; }
.sl-parent-task-main-19h1 { min-width:0; padding:15px 8px 15px 15px; display:flex; gap:13px; align-items:flex-start; color:inherit; text-decoration:none; }
.sl-parent-task-emoji-19h1 { width:48px; height:48px; display:grid; place-items:center; flex:0 0 auto; border-radius:15px; background:#f2f7f8; font-size:1.55rem; }
.sl-parent-task-copy-19h1 { min-width:0; display:grid; gap:5px; }
.sl-parent-task-copy-19h1 > strong { color:#162f55; font-size:1.05rem; line-height:1.3; }
.sl-parent-task-copy-19h1 p { margin:0; color:#596c7c; }
.sl-parent-task-meta-19h1 { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.sl-parent-task-meta-19h1 b { padding:4px 8px; border-radius:999px; background:#edf2f6; color:#465a6c; font-size:.74rem; }
.sl-parent-task-meta-19h1 b.is-overdue { background:#fff0ef; color:#a62929; }
.sl-parent-task-meta-19h1 small { color:#586b7c; font-weight:800; }
.sl-parent-task-details-19h1 { display:flex; flex-wrap:wrap; gap:6px; }
.sl-parent-task-details-19h1 span { padding:3px 7px; border-radius:7px; background:#f4f7f9; color:#5a6d7c; font-size:.78rem; }
.sl-task-progress-19h1 { max-width:400px; height:7px; }
.sl-parent-task-actions-19h1 { padding:12px 14px 12px 0; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.sl-parent-task-actions-19h1 form { margin:0; }
.sl-task-empty-19h1 { padding:34px 18px; display:grid; justify-items:center; text-align:center; border:1px dashed #cfdce2; border-radius:16px; background:#fbfdfd; }
.sl-task-empty-19h1 > span { font-size:2rem; }
.sl-task-empty-19h1 h3 { margin:8px 0 4px; color:#14275d; }
.sl-task-empty-19h1 p { margin:0 0 14px; color:#667887; }
.sl-task-bottom-grid-19h1 { margin-top:16px; align-items:start; }
.sl-task-reward-icon-19h1 { font-size:1.8rem; }
.sl-task-settings-19h1 { padding:0; overflow:hidden; }
.sl-task-settings-19h1 > summary { padding:18px; display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; cursor:pointer; list-style:none; }
.sl-task-settings-19h1 > summary::-webkit-details-marker { display:none; }
.sl-task-settings-19h1 > summary > span { width:42px; height:42px; display:grid; place-items:center; border-radius:13px; background:#f2f6f8; }
.sl-task-settings-19h1 > summary div { display:grid; gap:2px; }
.sl-task-settings-19h1 > summary small { color:#657787; }
.sl-task-settings-19h1 > summary em { color:#087c80; font-style:normal; font-weight:900; }
.sl-task-settings-form-19h1 { padding:0 18px 18px; border-top:1px solid #e9eff2; }
.sl-task-setting-checks-19h1 { display:flex; flex-wrap:wrap; gap:12px; }

.sl-task-create-heading-19h1 { margin-bottom:16px; }
.sl-task-create-grid-19h1 { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.72fr); gap:18px; align-items:start; }
.sl-quick-task-card-19h1 { padding:22px; }
.sl-task-form-section-19h1 { margin-bottom:20px; display:grid; grid-template-columns:36px minmax(0,1fr); gap:12px; align-items:start; }
.sl-task-form-number-19h1 { width:34px; height:34px; display:grid; place-items:center; border-radius:11px; background:#eefdfe; color:#057276; font-weight:950; }
.sl-task-main-label-19h1 { font-size:1.05rem; color:#14275d; }
.sl-task-main-label-19h1 + input { min-height:52px; font-size:1.05rem; }
.sl-task-cue-fieldset-19h1 { margin:0 0 20px 48px; padding:0; border:0; }
.sl-task-cue-fieldset-19h1 legend { margin-bottom:8px; color:#263e5b; font-weight:900; }
.sl-task-cue-grid-19h1 { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; }
.sl-task-cue-grid-19h1 label { margin:0; cursor:pointer; }
.sl-task-cue-grid-19h1 input { position:absolute; opacity:0; pointer-events:none; }
.sl-task-cue-grid-19h1 span { min-height:64px; padding:7px 3px; display:grid; justify-items:center; align-content:center; gap:2px; border:1px solid #dbe5e9; border-radius:13px; background:#fff; }
.sl-task-cue-grid-19h1 b { font-size:1.4rem; }
.sl-task-cue-grid-19h1 small { font-size:.69rem; color:#637585; }
.sl-task-cue-grid-19h1 input:checked + span { border-color:#078e91; background:#eefdfe; box-shadow:inset 0 0 0 1px #078e91; }
.sl-task-schedule-grid-19h1,
.sl-task-repeat-reward-grid-19h1,
.sl-task-reward-options-19h1 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.sl-task-weekdays-19h1 { grid-column:1/-1; margin-top:10px; }
.sl-task-weekdays-19h1 p { margin:0 0 7px; color:#385067; font-weight:900; }
.sl-task-weekdays-19h1 > div { display:flex; flex-wrap:wrap; gap:6px; }
.sl-task-weekdays-19h1 label { margin:0; }
.sl-task-weekdays-19h1 input { position:absolute; opacity:0; }
.sl-task-weekdays-19h1 span { min-width:43px; padding:8px; display:grid; place-items:center; border:1px solid #d6e2e7; border-radius:10px; background:#fff; }
.sl-task-weekdays-19h1 input:checked + span { border-color:#078e91; background:#eefdfe; color:#066b6e; font-weight:900; }
.sl-task-reward-options-19h1 { margin-top:10px; }
.sl-task-more-options-19h1 { margin:4px 0 18px; border:1px solid #dbe5e9; border-radius:16px; background:#fbfdfd; overflow:hidden; }
.sl-task-more-options-19h1 > summary { padding:14px 16px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; cursor:pointer; list-style:none; }
.sl-task-more-options-19h1 > summary::-webkit-details-marker { display:none; }
.sl-task-more-options-19h1 > summary > span { font-size:1.2rem; }
.sl-task-more-options-19h1 > summary div { display:grid; gap:2px; }
.sl-task-more-options-19h1 > summary small { color:#687a89; }
.sl-task-more-options-19h1 > summary em { color:#087c80; font-style:normal; font-weight:900; font-size:.78rem; }
.sl-task-more-panel-19h1 { padding:16px; display:grid; gap:12px; border-top:1px solid #e0e9ed; background:#fff; }
.sl-task-advanced-checks-19h1 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.sl-task-send-button-19h1 { width:100%; min-height:52px; font-size:1.02rem; }
.sl-task-submit-note-19h1 { margin:8px 0 0; text-align:center; color:#657787; font-size:.86rem; }
.sl-task-preview-column-19h1 { display:grid; gap:14px; position:sticky; top:14px; }
.sl-task-preview-card-19h1 { padding:18px; }
.sl-task-preview-phone-19h1 { margin:10px auto 8px; padding:22px 17px 16px; width:min(100%,320px); display:grid; justify-items:center; text-align:center; border:5px solid #20344c; border-radius:30px; background:linear-gradient(180deg,#f4ffff,#fff); box-shadow:0 14px 30px rgba(25,48,75,.12); }
.sl-task-preview-phone-19h1 > span { width:68px; height:68px; display:grid; place-items:center; border-radius:22px; background:#fff; font-size:2.2rem; box-shadow:0 8px 20px rgba(23,64,77,.09); }
.sl-task-preview-phone-19h1 > small { margin-top:12px; color:#677888; }
.sl-task-preview-phone-19h1 > strong { margin-top:5px; color:#14275d; font-size:1.28rem; }
.sl-task-preview-phone-19h1 > p { margin:6px 0 10px; color:#526678; }
.sl-task-preview-info-19h1 { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; }
.sl-task-preview-info-19h1 span { padding:6px 8px; border-radius:9px; background:#f1f6f7; color:#3d5266; font-size:.78rem; }
.sl-task-preview-phone-19h1 > button { margin-top:14px; width:100%; min-height:44px; border:0; border-radius:13px; background:#05a6a7; color:#fff; font-weight:900; opacity:1; }
.sl-task-preview-help-19h1 { margin-top:9px; width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
.sl-task-preview-help-19h1 span { padding:6px 2px; border-radius:8px; background:#f5f7f9; color:#596c7d; font-size:.68rem; }
.sl-task-create-tip-19h1 { display:flex; gap:12px; align-items:flex-start; }
.sl-task-create-tip-19h1 > span { font-size:1.6rem; }
.sl-task-create-tip-19h1 p { margin:4px 0 0; color:#657787; }
.sl-routine-ideas-19h1 { margin-top:18px; }
.sl-routine-heading-19h1 { align-items:end; gap:16px; }
.sl-routine-heading-19h1 h2 { margin:2px 0 4px; color:#14275d; }
.sl-routine-heading-19h1 p { margin:0; color:#657787; }
.sl-routine-template-grid-19h1 { margin-top:16px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.sl-routine-template-card-19h1 { margin:0; }
.sl-routine-template-card-19h1 button { width:100%; height:100%; min-height:150px; padding:15px; display:grid; justify-items:start; align-content:start; gap:6px; text-align:left; border:1px solid #dbe5e9; border-radius:16px; background:#fff; color:#193452; cursor:pointer; }
.sl-routine-template-card-19h1 button:hover { border-color:#078e91; background:#f3ffff; transform:translateY(-1px); }
.sl-routine-template-card-19h1 button > span { font-size:1.65rem; }
.sl-routine-template-card-19h1 button > small { color:#657787; }
.sl-routine-template-card-19h1 button > em { margin-top:auto; color:#087c80; font-style:normal; font-weight:900; }

@media (max-width:980px) {
    .sl-task-create-grid-19h1 { grid-template-columns:1fr; }
    .sl-task-preview-column-19h1 { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .sl-routine-template-grid-19h1 { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
    .sl-task-hub-hero-19h1,
    .sl-task-create-heading-19h1 { display:grid; }
    .sl-task-hub-actions-19h1 { justify-content:stretch; min-width:0; }
    .sl-task-hub-actions-19h1 .sl-button { flex:1 1 170px; }
    .sl-task-support-alert-19h1 { align-items:flex-start; display:grid; }
    .sl-task-support-links-19h1 { justify-content:flex-start; }
    .sl-task-tabs-19h1 { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .sl-parent-task-row-19h1 { grid-template-columns:1fr; }
    .sl-parent-task-main-19h1 { padding:14px; }
    .sl-parent-task-actions-19h1 { padding:0 14px 14px; justify-content:flex-start; }
    .sl-task-preview-column-19h1 { grid-template-columns:1fr; }
    .sl-routine-template-grid-19h1 { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .sl-task-cue-grid-19h1 { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:520px) {
    .sl-task-list-card-19h1,
    .sl-quick-task-card-19h1 { padding:15px; }
    .sl-task-tabs-19h1 { gap:7px; }
    .sl-task-tabs-19h1 a { min-height:56px; padding:9px; grid-template-columns:auto 1fr auto; }
    .sl-task-list-heading-19h1,
    .sl-routine-heading-19h1 { display:grid; align-items:start; }
    .sl-parent-task-main-19h1 { gap:9px; }
    .sl-parent-task-emoji-19h1 { width:42px; height:42px; border-radius:12px; }
    .sl-parent-task-actions-19h1 .sl-button,
    .sl-parent-task-actions-19h1 form { flex:1 1 120px; }
    .sl-parent-task-actions-19h1 form .sl-button { width:100%; }
    .sl-task-form-section-19h1 { grid-template-columns:30px minmax(0,1fr); gap:8px; }
    .sl-task-form-number-19h1 { width:30px; height:30px; }
    .sl-task-cue-fieldset-19h1 { margin-left:38px; }
    .sl-task-cue-grid-19h1 { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .sl-task-schedule-grid-19h1,
    .sl-task-repeat-reward-grid-19h1,
    .sl-task-reward-options-19h1,
    .sl-task-advanced-checks-19h1 { grid-template-columns:1fr; }
    .sl-routine-template-grid-19h1 { grid-template-columns:1fr; }
    .sl-routine-template-card-19h1 button { min-height:116px; }
}
