/* A section is one surface: its heading and tasks belong to the same panel. */
#tasks .task-section{--panel-fill:#f7f5fa;--panel-border:#e5e0eb;--panel-accent:#c2b5d0;background:#fff;border:1px solid var(--panel-border);border-radius:18px;margin:4px 0 18px;overflow:hidden;isolation:isolate}
#tasks .task-section.section-critical{--panel-fill:#fff5da;--panel-border:#ead8a4;--panel-accent:#d5a227;border-top:3px solid var(--panel-accent)}
#tasks .task-section.section-today{--panel-fill:#edf4ff;--panel-border:#d0dff2;--panel-accent:#719edb;border-top:3px solid var(--panel-accent)}
#tasks .task-section.section-no-tag{--panel-fill:#fff0eb;--panel-border:#efd1c6;--panel-accent:#de8b70;border-top:3px solid var(--panel-accent)}
#tasks .task-section>h2{display:flex;align-items:center;gap:8px;background:var(--panel-fill);border:0;border-bottom:1px solid var(--panel-border);border-radius:0;margin:0;padding:10px 12px;min-height:38px;font-size:12px;line-height:1.4;font-weight:600}
#tasks .task-section.section-critical>h2,#tasks .task-section.section-today>h2,#tasks .task-section.section-no-tag>h2{font-size:13px;font-weight:700}
#tasks .task-section>.swipe-task{margin:0;border-radius:0}
#tasks .task-section>.swipe-task>.row{border-radius:0;border-left:0;border-bottom:1px solid #efedf2;background:#fff;padding:12px}
#tasks .task-section>.swipe-task:last-child>.row{border-bottom:0}
#tasks .task-section>.swipe-task.complete>.row{background:#fcfbfd}
#tasks .completed-heading{margin:24px 2px 9px;font-size:12px}
@media(hover:hover){#tasks .task-section>.swipe-task>.row:hover{background:#faf9fc}}
@media(max-width:700px){#tasks .task-section{margin-bottom:16px;border-radius:16px}#tasks .task-section>.swipe-task>.row{padding:11px 10px}}

#tasks .task-section>h2>.section-tag-dot{display:block;width:10px;height:10px;min-width:10px;border-radius:50%;background:var(--tag-edge,var(--tag-ink));flex-shrink:0}