/* Round inset Add button shared by all composers. */
#quickForm.quick-form{padding:4px 5px 4px 10px;min-height:46px}
#quickForm #quickName{height:36px;padding:7px 3px;line-height:22px}
#quickForm #addTask{width:36px;height:36px;min-width:36px;min-height:36px;padding:8px;border-radius:50%}
#quickForm #addTask .ui-icon{width:20px;height:20px}
#taskOverview{position:relative;flex-shrink:0}
#taskOverview[hidden]{display:none}
#taskOverview>summary{display:grid;place-items:center;list-style:none;width:32px;height:32px;border-radius:10px;background:#eee9f6;cursor:pointer}
#taskOverview>summary::-webkit-details-marker{display:none}
#taskOverview>summary .ui-icon{width:18px;height:18px}
#taskOverview[open]>summary{background:#dfd5f7}
#taskOverview>summary:focus-visible{outline:2px solid #6958f5;outline-offset:2px}
.overview-popover{position:fixed;top:110px;right:16px;left:16px;max-width:600px;margin-left:auto;z-index:30;padding:12px;border:1px solid #dfd5ee;border-radius:18px;background:#faf8ff;box-shadow:0 10px 40px #42345e30;max-height:70dvh;overflow-y:auto}
.tasks-list-first main{padding-top:8px;padding-bottom:8px}
.tasks-list-first .page-nav{margin-bottom:6px;padding:3px}
.tasks-list-first .page-nav button[data-page]{min-height:38px;padding:3px 8px;gap:2px;font-size:10px}
.tasks-list-first .page-nav .ui-icon{width:18px;height:18px}
.tasks-list-first #openTagDrawer{width:38px;min-width:38px;min-height:38px;padding:8px}
.tasks-list-first .heading-row{display:flex;align-items:center;gap:6px;margin-bottom:6px;min-height:32px}
.tasks-list-first .heading-row h1{font-size:20px;margin:0;white-space:nowrap;letter-spacing:-.6px}
.tasks-list-first #summary,.tasks-list-first #taskProgress,.tasks-list-first .save-hint{display:none}
.tasks-list-first #listOptions{margin:0;flex:1;justify-content:flex-end;gap:5px}
.tasks-list-first .quick-access-tag{font-size:10px;max-width:95px;padding:4px 6px;min-height:28px;gap:3px}
.tasks-list-first .quick-access-tag .ui-icon{width:12px;height:12px}
.tasks-list-first .list-layout-switch button{width:28px;min-height:26px;padding:4px}
.tasks-list-first #quickForm{margin-bottom:6px}
.tasks-list-first .legal-links{font-size:9px;padding-top:2px;gap:10px;line-height:12px}
@media(max-width:360px){.tasks-list-first .heading-row h1{font-size:18px}.tasks-list-first .quick-access-tag{max-width:75px}.tasks-list-first .list-layout-switch button{width:25px}.tasks-list-first .heading-row{gap:4px}}

#taskSummaryCounts{flex-shrink:0;margin:0 0 5px}
#taskSummaryCounts[hidden]{display:none}
#taskSummaryCounts .dashboard-counts{gap:5px}
#taskSummaryCounts .dashboard-count{min-height:30px;height:30px;padding:4px 10px;border-radius:10px}
#taskSummaryCounts .dashboard-count span{font-size:10px}
#taskSummaryCounts .dashboard-count strong{font-size:16px}
/* The heading icon already controls the overview popup. */
#taskOverview #toggleDashboardDetails{display:none}
#taskOverview #dashboardDetails[hidden]{display:grid!important}
#taskOverview .dashboard-details{margin-top:0}
/* Overview stays visible directly beneath the summary counters. */
#taskOverview{display:block;width:100%;margin:0 0 6px}
#taskOverview>summary{display:none}
#taskOverview>.overview-popover{display:block;position:static;inset:auto;width:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:12px;background:transparent;box-shadow:none;overflow:visible}
#taskOverview:not([open])>.overview-popover{display:block}
#taskOverview #taskDashboard{margin:0}