/* The agreed mobile tasks layout. All selectors are scoped to tasks. */
@media(max-width:760px){
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-fidelity-heading{display:block!important;margin-bottom:10px!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-fidelity-heading .heading-actions{display:none!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-comfort-proposal{display:flex!important;gap:9px!important;margin:10px 0 14px!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-comfort-proposal>button{flex:1 1 0!important;min-width:0!important;min-height:42px!important;padding:8px 5px!important;font-size:12px!important;white-space:nowrap!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-comfort-filters{margin:0 0 13px!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-filter-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px!important;grid-template-rows:42px 42px!important;gap:7px!important;align-items:stretch!important;overflow:visible!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-filter-grid>.task-filter-control{height:42px!important;grid-row:auto!important;min-width:0!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-filter-grid>.task-filter-control:nth-of-type(1){grid-column:1!important;grid-row:1!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-filter-grid>.task-filter-control:nth-of-type(2){grid-column:2!important;grid-row:1!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-filter-grid>.task-filter-control:nth-of-type(3){grid-column:1!important;grid-row:2!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-filter-grid>.task-filter-control:nth-of-type(4){grid-column:2!important;grid-row:2!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-filter-grid>.task-filter-control select{height:42px!important;min-height:42px!important;padding:0 19px 0 9px!important;font-size:11px!important;font-weight:600!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-filter-grid>.task-filter-control .task-filter-chevron{right:5px!important;top:17px!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-filter-grid>.tasks-comfort-reset{grid-column:3!important;grid-row:1 / 3!important;width:42px!important;height:91px!important;min-height:91px!important;align-self:stretch!important;border-radius:12px!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-v12-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:12px 0 14px;border-radius:18px;background:#eceefb;padding:3px}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-v12-tabs button{min-width:0;border:0;border-radius:15px;background:transparent;color:#172143;font:650 12px/1.2 Montserrat,Arial,sans-serif;padding:11px 3px;white-space:nowrap}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-v12-tabs button[aria-pressed="true"]{background:#1040af;color:#fff;box-shadow:0 3px 10px #143fa92b}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-v12-tabs span{margin-left:4px;font-size:10px;border-radius:20px;background:#ffffff30;padding:2px 5px}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card{padding:12px 12px 13px!important;border-radius:18px!important;margin-bottom:10px!important;background:var(--task-card,#fff)!important;color:var(--task-ink,#17191f)!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card::before{background:#1767ee!important;width:4px!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card:has(.task-deadline.is-late)::before{background:#f34568!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-fidelity-card-head{display:flex;align-items:start;gap:6px!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-fidelity-card-head .task-main{flex:1;min-width:0}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-fidelity-card-head .task-copy strong{font-size:15px!important;line-height:1.25!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-fidelity-card-head .tasks-v12-status{order:1;flex:none;max-width:34%;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .tasks-fidelity-card-head .tasks-fidelity-detail{order:2;flex:none}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .tasks-fidelity-chips{margin:5px 0!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .tasks-fidelity-context{background:transparent!important;padding:0!important;font-size:12px!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .task-footer{margin-top:7px!important}
html body #app-root #hub-content#hub-content[data-club-view="tasks"] .tasks-comfort .task-card .tasks-fidelity-actions{margin-top:7px!important}
}
