.task{flex-wrap:wrap;align-items:center}.task>div{flex:1;min-width:140px}.task .complete-task{background:#206b54;color:#e2fff1;margin:0;padding:10px 14px}.task .delete-task{background:#302434;color:#eab7c3;margin:0;padding:8px;font-size:11px}button:disabled{opacity:.5;cursor:wait}
/* Flow cards stay narrow and vertical on phones. */
.capture-toggle{margin:0 0 18px}
.capture-toggle>summary{display:block;list-style:none;width:100%;padding:13px 16px;border:1px solid #4b74a8;border-radius:10px;background:#173554;color:#edf4ff;font-size:16px;font-weight:700;text-align:center;cursor:pointer;min-height:48px}
.capture-toggle>summary::-webkit-details-marker{display:none}
.capture-toggle>summary:focus-visible{outline:2px solid #86bdff;outline-offset:3px}
.capture-toggle[open]>summary{margin-bottom:10px}
.capture-toggle[open]>summary::after{content:" ▴"}
.capture-toggle .capture{margin-bottom:0;padding:14px}
.capture-toggle .capture>p{margin-top:0}
.mobile-flow{border:1px solid #41658b;border-radius:16px;padding:14px;min-width:0;background:#102039}
.mobile-flow h2{font-size:21px;line-height:1.5;overflow-wrap:anywhere;margin:0 0 8px}
.mobile-flow>p{font-size:14px;line-height:1.65;color:#bbcee5;margin-bottom:16px}
.mobile-flow .task{margin-top:10px;min-width:0}
.mobile-flow .task>div{flex-basis:100%;min-width:0}
.mobile-flow .task h3{font-size:18px;line-height:1.6;overflow-wrap:anywhere}
.mobile-flow .task p{font-size:14px;line-height:1.6;color:#b3c7df}
.mobile-flow .pending{font-size:13px;padding:4px 8px}
.mobile-flow .task .flow-link{display:block;max-width:none;text-align:left;white-space:normal;overflow-wrap:anywhere;color:#b8d3ff;margin-top:10px;font-size:15px;line-height:1.75}
.task .repeat-link{display:block;max-width:none;text-align:left;white-space:normal;overflow-wrap:anywhere;color:#82d7b5;margin-top:8px;font-size:13px;line-height:1.55}
.mobile-flow .complete-task{font-size:16px;min-height:44px}
.task.is-done{border-color:#437260;background:#102622}
.task.is-done h3{text-decoration:line-through}
.complete-task:disabled{opacity:.4;cursor:not-allowed}
.overdue-section{border:2px solid #ff7184;border-radius:14px;padding:12px;background:#301c2a}
.overdue-section>h2{color:#ffbdc7;font-size:21px}.overdue-section>p{color:#ffe0e5;font-size:14px}
.overdue-section .task{border-color:#d65f73;margin-top:10px;background:#211c2b}
.overdue-section .task>div{flex-basis:100%;min-width:0}
.overdue-section .task h3{font-size:18px}
.overdue-section .task .flow-link{max-width:none;text-align:left;font-size:14px}
.task .overdue-label{display:block;color:#ffd2d9;font-size:15px;font-weight:800;margin:6px 0}

/* Shared sequence v2 is intentionally separate from normal mobile tasks. */
.sequence-v2-section{margin-top:24px;padding-top:4px;border-top:1px solid #29435f}
.sequence-v2-list{display:grid;gap:10px}
.sequence-sync-state{margin:0;padding:12px;border:1px dashed #456582;border-radius:10px;color:#b7cbe0;font-size:14px;line-height:1.6}
.sequence-card{padding:14px;border:1px solid #3b668e;border-radius:12px;background:#0f2138}
.sequence-card h3{margin:4px 0 8px;font-size:17px}.sequence-card p{margin:8px 0;line-height:1.55}.sequence-card small{color:#aec4da;line-height:1.55}
.sequence-card>div,.sequence-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.sequence-card button,.sequence-actions button{margin:0;padding:10px 12px;font-size:14px}.sequence-complete{background:#206b54;color:#e2fff1}.sequence-refresh,.sequence-retry{background:#1d4165;color:#e5f2ff}