@media(max-width:700px){
 .task-phone .task-filter-search-row{display:flex;align-items:flex-end;gap:7px;margin:0 0 10px}
 .task-phone .task-filter-search-row .tp-search{flex:1;min-width:0;margin:0}
 .task-phone .task-filter-search-row>button{flex:0 0 86px;min-height:44px;padding:7px 6px;margin:0;font-size:11px;line-height:1.35;white-space:normal}
 .task-phone .task-filter-chips{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 10px}
 .task-phone .task-filter-chips button{min-height:36px;max-width:100%;padding:6px 9px;font-size:10px;white-space:normal;overflow-wrap:anywhere}
 #taskFiltersForm .field{min-width:0;font-size:12px}
 #taskFiltersForm select{width:100%;min-width:0;font-size:16px;min-height:44px}
 #taskFiltersForm .buttons{display:flex;flex-wrap:wrap;gap:7px}
 #taskFiltersForm button{min-height:44px;white-space:normal}
}

.task-view-switch{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.task-view-switch button{min-height:44px;white-space:normal}.task-view-switch [aria-pressed=true]{background:#214d3e;color:white}.task-group-mode .task-desktop{display:none!important}.task-group-mode .task-phone{display:block}.task-section,.task-location{min-width:0;max-width:100%;border:1px solid #d9e1d5;border-radius:10px;background:white;margin:10px 0}.task-section>summary,.task-location>summary{cursor:pointer;min-height:48px;padding:12px;overflow-wrap:anywhere;line-height:1.5}.task-section>summary{font-weight:700}.task-section summary span{font-weight:400;color:#65756b;white-space:normal}.task-group-body{padding:0 10px;min-width:0;max-width:100%}.task-group-mode .tp-task{border:1px solid #d9e1d5;border-radius:10px;margin:8px 0;overflow-wrap:anywhere}.task-group-mode .tp-task>summary{padding:12px;cursor:pointer}.task-group-mode .tp-task-more{padding:12px}.task-group-mode .tp-task-more button{min-height:44px}.task-group-mode .tp-task-meta,.task-group-mode .tp-task-bottom{display:block}.task-group-mode .task-filter-search-row{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.task-group-mode .task-filter-search-row .tp-search{flex:1;min-width:0}.task-group-mode input{max-width:100%}.task-group-mode .tp-pages{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.task-group-mode .tp-pages button{min-height:44px}@media(max-width:700px){.task-group-desktop-switch{display:none}.task-group-body{padding:0 7px}}

.task-group-mode>.task-group-desktop-switch{display:none}

.task-sublocation{min-width:0;max-width:100%;border:1px solid #d9e1d5;border-radius:8px;margin:8px 0}.task-sublocation>summary{cursor:pointer;min-height:48px;padding:12px;line-height:1.5;overflow-wrap:anywhere}.task-location>.task-group-body{border-left:2px solid #e4eadf;margin-left:5px}@media(max-width:400px){.task-group-body{padding:0 5px}.task-location>.task-group-body{margin-left:2px}}

.device-pending-entry{margin:10px 0}.device-pending-entry button,#devicePending button{min-height:44px;white-space:normal}#devicePending{max-width:100%;overflow-wrap:anywhere}#devicePending section{min-height:0;border:1px solid #d9e1d5;border-radius:10px;padding:12px;margin:12px 0}#devicePending dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}#devicePending dd{margin:0}#devicePending .buttons{display:flex;flex-wrap:wrap;gap:8px}

/* My Tasks shares one set of controls; only the results presentation changes. */
#teamview .task-unified > .task-phone { display: block; min-width: 0; }
.task-unified .task-list-cards { display: none; }
.task-unified-summary { margin: 0 0 12px; font-size: 12px; color: #65756b; }
.task-unified .task-list-tables .table-wrap { overflow-x: auto; }
@media (max-width: 700px) {
 .task-unified .task-list-cards { display: block; }
 .task-unified .task-list-tables, .task-unified-summary { display: none; }
}
@media not all and (max-width: 700px) {
 .task-unified .tp-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
 .task-unified .task-filter-search-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; }
 .task-unified .tp-search { flex: 1 1 12rem; min-width: 0; }
 .task-unified .tp-search input { display: block; width: 100%; min-width: 0; margin-top: 4px; }
 .task-unified .task-filter-search-row > button { min-height: 44px; }
 .task-unified .task-filter-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
}