/* Desktop only: leave touch phones and foldable devices on their existing layout. */
@media(min-width:1200px) and (hover:hover) and (pointer:fine){
 .layout>main{width:100%;max-width:1440px;margin:0 auto;padding:24px 40px 16px}
 .tasks-list-first main{padding:24px 40px 16px}
 .page-nav,.tasks-list-first .page-nav{align-self:center;width:auto;min-width:540px;gap:8px;padding:6px;margin-bottom:22px;border-radius:18px}
 .page-nav button[data-page],.tasks-list-first .page-nav button[data-page]{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:10px 20px;min-height:42px;font-size:13px}
 .page-nav .ui-icon,.tasks-list-first .page-nav .ui-icon{width:19px;height:19px}
 .tasks-list-first #taskPage{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto auto minmax(0,1fr);column-gap:24px;row-gap:14px;overflow:hidden}
 .tasks-list-first #taskPage>.heading-row{grid-column:1/-1;grid-row:1;margin:0;min-height:42px;gap:12px}
 .tasks-list-first .heading-row h1{font-size:28px;letter-spacing:-.8px}
 .tasks-list-first #listOptions{gap:10px}
 .tasks-list-first .quick-access-tag{max-width:200px;font-size:12px;min-height:34px;padding:6px 12px}
 .tasks-list-first .list-layout-switch button{width:34px;min-height:30px}
 .tasks-list-first #taskSummaryCounts{grid-column:1;grid-row:2;margin:0}
 #taskSummaryCounts .dashboard-counts{gap:12px}
 #taskSummaryCounts .dashboard-count{height:58px;min-height:58px;padding:12px 18px;border-radius:15px}
 #taskSummaryCounts .dashboard-count span{font-size:13px}#taskSummaryCounts .dashboard-count strong{font-size:25px}
 .tasks-list-first #tasks{grid-column:1;grid-row:3;padding-right:4px;min-height:0;overflow-y:auto}
 .tasks-list-first #taskOverview{grid-column:2;grid-row:2/4;width:100%;min-height:0;overflow-y:auto;margin:0;padding:0}
 #taskOverview .dashboard-details{display:grid;grid-template-columns:1fr;gap:16px;background:transparent;overflow:visible;margin:0}
 #taskOverview .dashboard-details section{padding:18px;border-radius:18px;background:#fff;border:1px solid #eae4f1}
 #taskOverview .dashboard-details h2{font-size:14px;margin-bottom:14px}
 #taskOverview .dashboard-details h2 small{font-size:11px}
 #taskOverview .dashboard-upnext button{min-height:54px;padding:8px 0;border-bottom:1px solid #f0ebf5}
 #taskOverview .dashboard-upnext button:last-child{border-bottom:0}
 #taskOverview .dashboard-upnext button span{font-size:12px}#taskOverview .dashboard-upnext button small{font-size:10px;margin-top:3px}
 #taskOverview .dashboard-bar-track{height:100px}#taskOverview .dashboard-bar-day small{font-size:9px}
 .tasks-list-first .task-section{border-radius:20px;margin-bottom:16px}
 .tasks-list-first .task-group-heading,.tasks-list-first .priority-heading{font-size:14px}
 .tasks-list-first .legal-links{font-size:10px;padding-top:12px;line-height:16px;gap:18px}
 #settingsPage{width:min(100%,800px);align-self:center;padding-right:6px}
 #matrixPage .matrix-grid{gap:22px}.matrix-quadrant{padding:22px}
 #toggleQuickEntry{right:max(32px,calc((100vw - 1440px)/2 + 40px));bottom:36px}
 #voiceTask{right:max(37px,calc((100vw - 1440px)/2 + 45px));bottom:104px}
}
@media(min-width:1200px) and (hover:hover) and (pointer:fine){
 #settingsPage{width:100%;max-width:none;align-self:stretch;padding:0 4px 12px 0}
 #matrixPage{width:100%;max-width:none;padding:0 4px 12px 0}
 #taskPage{width:100%;max-width:none}
 #settingsPage>h1,.matrix-header h1,#taskPage .heading-row h1{font-size:28px;line-height:1.2;letter-spacing:-.8px}
 #settingsPage>h1,.matrix-header,#taskPage .heading-row{margin-bottom:14px}
}
/* Match the actual Tasks list column, excluding its 300px overview and gap. */
@media(min-width:1200px) and (hover:hover) and (pointer:fine){
 .layout.hide-sidebar #taskPage,.layout.hide-sidebar #matrixPage{width:calc(100% - 324px);max-width:none;align-self:flex-start;padding-left:0;padding-right:0}
 .layout.hide-sidebar main>#listOptions{width:calc(100% - 324px);align-self:flex-start}
}
@media(min-width:1200px) and (hover:hover) and (pointer:fine){
 .layout.hide-sidebar #taskPage,.layout.hide-sidebar #matrixPage,.layout.hide-sidebar main>#listOptions{align-self:center}
}
/* Override the legacy full-width rule used by Dates and Matrix routes. */
@media(min-width:1200px) and (hover:hover) and (pointer:fine){
 .layout.hide-sidebar>main{width:100%;max-width:1440px;margin-left:auto;margin-right:auto}
}