/* Task list: the same three-part page rhythm as monthly plan. */
#page-tasks .task-overview{overflow:visible}
#page-tasks .task-overview .m-card-head{margin-bottom:0}
#page-tasks .task-overview .m-card-head h2,#page-tasks .panel-head .panel-title{font-size:17px;font-weight:750;line-height:1.3;margin:0}
#page-tasks .task-overview .m-card-head{min-height:60px;padding:0}
#page-tasks .task-overview .m-card-head::before{display:none}
#page-tasks .task-overview .m-card-head h2{display:flex;align-items:center;gap:12px}
#page-tasks .task-overview .m-card-head h2::before{content:'';display:block;flex:none;width:4px;height:20px;border-radius:3px;background:var(--seed-primary)}
#page-tasks .panel-head.m-hero{min-height:62px;padding:16px 18px;background:var(--bg-surface);border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}
#page-tasks .panel-head.m-hero::before{display:none}
#page-tasks .panel-head .panel-title{display:block;border-left:4px solid var(--seed-primary);padding-left:10px}
#page-tasks .task-metric-grid{padding:16px 18px 18px}
#page-tasks .task-metric-grid .mp-metric-card{min-height:104px}
#page-tasks .task-metric-grid .task-metric-target{--mp-metric-color:var(--seed-primary)}
#page-tasks .task-metric-grid .task-metric-pending{--mp-metric-color:var(--txt-2)}
#page-tasks .task-metric-grid .task-metric-reported{--mp-metric-color:var(--violet)}
#page-tasks .task-metric-grid .task-metric-review{--mp-metric-color:var(--orange)}
#page-tasks .task-metric-grid .task-metric-audited{--mp-metric-color:var(--green)}
#page-tasks .task-metric-grid .task-metric-overdue{--mp-metric-color:var(--red)}
html[data-theme="light"] #page-tasks .task-metric-grid .task-metric-target{background:#F4F4FE}
html[data-theme="light"] #page-tasks .task-metric-grid .task-metric-pending{background:#F7F7FA}
html[data-theme="light"] #page-tasks .task-metric-grid .task-metric-reported{background:#F1F0FE}
html[data-theme="light"] #page-tasks .task-metric-grid .task-metric-review{background:#FFF0F6}
html[data-theme="light"] #page-tasks .task-metric-grid .task-metric-audited{background:#EFF8F4}
html[data-theme="light"] #page-tasks .task-metric-grid .task-metric-overdue{background:#FFF1F1}
#page-tasks .panel-head{flex-wrap:wrap}
#page-tasks .panel-head .task-list-month{margin-left:auto}
#page-tasks .panel-head #taskViewSeg{margin-left:0}
#page-tasks #newTaskBtn{background:var(--seed-primary);border-color:var(--seed-primary);color:var(--on-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--seed-primary) 18%,transparent)}
#page-tasks #newTaskBtn:hover{filter:brightness(1.08)}
#page-tasks .panel-body>.t-task-head{margin:0}
#page-tasks .panel-body>.t-task-head .t2-tabs{min-width:0}
#page-tasks:not(.task-board-mode) .panel-body>.r6-tools,#page-tasks:not(.task-board-mode) .panel-body>.filter-bar,#page-tasks:not(.task-board-mode) .panel-body>.r6-more{display:none}
#page-tasks.task-board-mode #taskMonthlyFilters{display:none}
#page-tasks .task-month-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
#page-tasks .task-month-filters label{position:relative;flex:1 1 125px;min-width:105px}
#page-tasks .task-month-filters label:last-of-type{flex:1.2 1 150px}
#page-tasks .task-month-filters .input{width:100%;min-width:0;height:36px;padding:6px 10px;font-size:12px}
#page-tasks .task-month-filters button{flex:none}
#page-tasks .task-month-scroll{max-width:100%;overflow-x:auto}
#page-tasks .task-month-table{width:100%;min-width:980px;border-collapse:collapse;text-align:left}
#page-tasks .task-month-table th,#page-tasks .task-month-table td{padding:14px 10px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}
#page-tasks .task-month-table th{background:var(--bg-soft);color:var(--txt-3);font-weight:500;white-space:nowrap}
#page-tasks .task-month-table th:nth-child(1){width:100px}
#page-tasks .task-month-table th:nth-child(2){width:45px}
#page-tasks .task-month-table th:nth-child(4){width:90px}
#page-tasks .task-month-table th:nth-child(5){width:100px}
#page-tasks .task-month-table th:nth-child(6){width:85px}
#page-tasks .task-month-table th:nth-child(7){width:110px}
#page-tasks .task-month-table th:nth-child(8){width:145px}
#page-tasks .task-month-table th:nth-child(9){width:95px}
#page-tasks .task-month-table .task-due-cell{white-space:nowrap;font-variant-numeric:tabular-nums}
#page-tasks .task-month-table .task-created-cell{white-space:nowrap;font-variant-numeric:tabular-nums}
#page-tasks .task-month-table tr.taskrow{display:table-row;cursor:pointer;background:var(--bg-surface)}
#page-tasks .task-month-table tr.taskrow:hover{background:var(--bg-violet-soft)}
#page-tasks .task-month-table .task-name-cell{min-width:180px;overflow-wrap:anywhere}
#page-tasks .task-month-table .task-name-cell b{font-weight:600;color:var(--txt-1)}
#page-tasks .task-month-toggle{display:inline-flex;gap:7px;align-items:center;white-space:nowrap;border:0;background:none;color:var(--txt-1);font:inherit;cursor:pointer;padding:5px 0}
#page-tasks .task-month-toggle span{color:var(--seed-primary);font-size:17px}
#page-tasks .task-month-rows.is-collapsed>tr:not(:first-child){display:none}
#page-tasks .task-month-rows.is-collapsed>tr:first-child{background:var(--bg-violet-soft)}
#page-tasks .task-month-rows.is-collapsed>tr:first-child>td:not(:first-child)>*{visibility:hidden}
#page-tasks .task-month-rows.is-collapsed>tr:first-child>td:not(:first-child){color:transparent;user-select:none}
#page-tasks .task-month-rows.is-collapsed .task-month-toggle{font-weight:650}
#page-tasks .task-table-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
#page-tasks .task-table-actions .tcb{width:16px;height:16px;accent-color:var(--seed-primary);cursor:pointer}
#page-tasks .task-month-table .st{white-space:nowrap}
#page-tasks .task-month-filters :focus-visible,#page-tasks .task-month-toggle:focus-visible,#page-tasks .task-table-actions :focus-visible{outline:2px solid var(--seed-primary);outline-offset:2px}
@media(min-width:761px){
  #page-tasks:not(.task-board-mode) .panel-body{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;column-gap:12px}
  #page-tasks:not(.task-board-mode) .panel-body>.t-task-head{grid-column:1;align-self:center}
  #page-tasks:not(.task-board-mode) #taskMonthlyFilters{grid-column:2;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;margin:0}
  #page-tasks:not(.task-board-mode) .panel-body>#newTaskBtn{grid-column:3;align-self:center;justify-self:end;margin:0;white-space:nowrap}
  #page-tasks:not(.task-board-mode) #taskMonthlyFilters label{flex:1 0 100px;min-width:100px}
  #page-tasks:not(.task-board-mode) #taskMonthlyFilters label:last-of-type{flex-basis:125px;min-width:125px}
  #page-tasks:not(.task-board-mode) .panel-body>#bulkBar,#page-tasks:not(.task-board-mode) .panel-body>#taskToolbar,#page-tasks:not(.task-board-mode) .panel-body>#taskListFull{grid-column:1/-1}
  #page-tasks:not(.task-board-mode) .panel-body>#taskToolbar{margin-top:14px}
}
@media(max-width:760px){
  #page-tasks .task-metric-grid{padding:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
  #page-tasks .task-metric-grid .mp-metric-card{min-height:96px}
  #page-tasks .panel-head .task-list-month{margin-left:0}
  #page-tasks .panel-head #newTaskBtn{margin-left:auto}
  #page-tasks .panel-body>.t-task-head{margin-bottom:12px}
  #page-tasks .task-month-filters label{flex-basis:calc(50% - 8px)}
  #page-tasks:not(.task-board-mode) .panel-body>#newTaskBtn{display:block;margin:0 0 12px auto}
}
@media(prefers-reduced-motion:reduce){#page-tasks .task-metric-grid .mp-metric-card{animation:none}}