.task-done-counter{font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.task-done-counter:hover,.task-done-counter[aria-expanded="true"]{color:var(--teal);border-color:#8dbfb9;background:#edf8f5}
.task-done-counter:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.task-archive-panel{display:grid;gap:18px;min-width:0}
.task-archive-panel[hidden],.task-archive-panel [hidden]{display:none!important}
#tasks>.section-toolbar [hidden]{display:none!important}
.task-toolbar-title{min-width:0}
.task-toolbar-title .task-archive-intro{margin:6px 0 0;max-width:700px;line-height:1.7;overflow-wrap:anywhere}
.task-toolbar-actions>[data-archive-back]{margin:0;white-space:nowrap}
.task-archive-filter-panel{display:grid;gap:14px;padding:18px 20px;min-width:0}
.task-archive-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}
.task-archive-filters>label{display:flex;flex-direction:column;gap:6px;min-width:0;flex:0 1 240px;color:var(--muted);font-size:12px}
.task-archive-filters .task-archive-search-label{flex:1 1 260px}
.task-archive-filters select,.task-archive-filters input{width:100%;min-width:0;font:inherit;font-size:13px;line-height:1.5;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:5px;padding:8px 10px}
.task-archive-filters select:focus-visible,.task-archive-filters input:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.task-archive-range [data-archive-status]{margin:0;min-width:0;flex:1;font-size:11px;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}
.task-archive-range [data-archive-status][data-state="error"]{color:#b45309}
.task-archive-range [data-archive-status][data-state="draft"]{color:#0e7490}
.task-archive-filter-hint{margin:0;font-size:11px;line-height:1.6}
.task-archive-kpis{padding:0;background:transparent;border:0}
.task-archive-kpis .finance-kpi-card{min-width:0}
.task-archive-kpis .finance-kpi-label{letter-spacing:0;line-height:1.5}
.task-archive-charts{padding:0;gap:18px}
.task-archive-charts [data-archive-chart="people"]{grid-column:1;grid-row:1}
.task-archive-charts [data-archive-chart="category"]{grid-column:2;grid-row:1}
.task-archive-charts [data-archive-chart="trend"]{grid-column:1/-1;grid-row:2}
.task-archive-canvas{width:100%;min-width:0;min-height:180px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.task-archive-empty{margin:0;text-align:center;color:var(--muted);font-size:12px;line-height:1.8;padding:34px 12px}
.task-archive-ranking{display:grid;grid-template-columns:24px minmax(85px,1.2fr) minmax(80px,1.8fr) max-content;column-gap:10px;row-gap:8px;align-items:center;max-height:420px;overflow:auto;scrollbar-gutter:stable;padding-right:3px}
.task-archive-rank-row{grid-column:1/-1;display:grid;grid-template-columns:subgrid;gap:10px;align-items:center;text-align:left;border:0;border-radius:4px;background:transparent;padding:6px 0;font:inherit;font-size:12px;cursor:pointer;color:var(--ink);min-width:0}
.task-archive-rank-row:hover,.task-archive-rank-row.selected{background:#eff7f5}
.task-archive-rank-row:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
.task-archive-rank-number{display:grid;place-items:center;width:22px;height:22px;border-radius:4px;background:#edf2f3;color:#50616d;font-size:11px;font-weight:700}
.task-archive-rank-row:first-child .task-archive-rank-number{background:#fef3c7;color:#b45309}
.task-archive-rank-row:nth-child(3) .task-archive-rank-number{background:#ffedd5;color:#c2410c}
.task-archive-rank-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650;min-width:0}
.task-archive-bar-track{display:block;min-width:0;height:11px;overflow:hidden;background:#edf2f3;border-radius:6px}
.task-archive-bar-fill{display:block;height:100%;border-radius:6px;background:var(--teal)}
.task-archive-rank-count{text-align:right;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;white-space:nowrap}
.task-archive-categories{display:grid;grid-template-columns:minmax(50px,.7fr) minmax(80px,1.5fr) max-content;gap:17px 10px;align-items:center}
.task-archive-category-row{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:center;gap:10px;font-size:12px;min-width:0}
.task-archive-category-name{overflow-wrap:anywhere}
.task-archive-category-row .task-archive-bar-fill{background:var(--orange)}
.task-archive-category-count{font-weight:700;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.task-archive-category-count small{font-weight:400;color:var(--muted);font-size:10px}
.task-archive-trend-scroll{width:100%;overflow:auto;padding:6px 0;scrollbar-gutter:stable}
.task-archive-trend{display:grid;grid-template-columns:repeat(var(--archive-buckets),minmax(72px,1fr));gap:14px;min-width:100%;width:max-content;align-items:end}
.task-archive-trend-item{display:flex;flex-direction:column;gap:8px;align-items:center;min-width:0;color:var(--muted);font-size:11px;text-align:center;line-height:1.5}
.task-archive-trend-item>strong{color:var(--ink);font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}
.task-archive-trend-item>span{white-space:nowrap}
.task-archive-trend-track{height:160px;width:100%;max-width:54px;display:flex;align-items:flex-end;border-bottom:1px solid var(--line)}
.task-archive-trend-fill{width:100%;min-height:3px;border-radius:4px 4px 0 0;background:var(--teal)}
.task-archive-chart-note{margin:0;font-size:11px;line-height:1.6;color:var(--muted)}
.task-archive-list-panel{padding:0;min-width:0;overflow:hidden}
.task-archive-list-panel>.panel-heading{padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}
.task-archive-list-panel h3{font-size:15px;margin:0 0 4px}
.task-archive-list-panel .hint{font-size:11px;line-height:1.7;margin:0;overflow-wrap:anywhere}
.task-archive-table-wrap{width:100%;overflow:auto}
.task-archive-table{width:100%;min-width:860px;border-collapse:collapse;table-layout:fixed;white-space:normal}
.task-archive-table th,.task-archive-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.task-archive-table th{color:var(--muted);background:#f7f9f9;font-size:11px;font-weight:650}
.task-archive-table th:nth-child(1){width:31%}
.task-archive-table th:nth-child(2){width:16%}
.task-archive-table th:nth-child(3){width:21%}
.task-archive-table th:nth-child(4),.task-archive-table th:nth-child(5){width:8%}
.task-archive-table th:nth-child(6){width:16%}
.task-archive-task-details summary{cursor:pointer;font-weight:650;color:var(--ink);overflow-wrap:anywhere}
.task-archive-task-details summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.task-archive-task-description{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:12px;font-weight:400;padding:10px 0 0;line-height:1.8}
.task-archive-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;padding:14px;font-size:12px;color:var(--muted)}
.task-archive-pagination .secondary-button{margin:0;padding:6px 11px}
@media(max-width:960px){
  .task-archive-charts [data-archive-chart="people"],.task-archive-charts [data-archive-chart="category"],.task-archive-charts [data-archive-chart="trend"]{grid-column:1;grid-row:auto}
  .task-archive-charts [data-archive-chart="trend"]{grid-row:2}
}
@media(max-width:540px){
  .task-toolbar-actions{flex-wrap:wrap;gap:8px}
  .task-toolbar-actions>[data-archive-back]{padding:7px 10px}
  .task-archive-filter-panel{padding:14px}
  .task-archive-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .task-archive-kpis .finance-kpi-card{padding:12px}
  .task-archive-kpis .finance-kpi-value{font-size:18px}
  .task-archive-charts .finance-chart-card{padding:14px}
  .task-archive-ranking{grid-template-columns:22px minmax(0,1fr) max-content;column-gap:7px;overflow-x:hidden}
  .task-archive-rank-row{gap:5px 7px;font-size:11px}
  .task-archive-rank-number{grid-column:1;grid-row:1}
  .task-archive-rank-name{grid-column:2;grid-row:1}
  .task-archive-rank-count{grid-column:3;grid-row:1}
  .task-archive-rank-row>.task-archive-bar-track{grid-column:2/-1;grid-row:2}
  .task-archive-categories{grid-template-columns:minmax(0,1fr) max-content;column-gap:7px}
  .task-archive-category-row{gap:5px 7px;font-size:11px}
  .task-archive-category-name{grid-column:1;grid-row:1}
  .task-archive-category-count{grid-column:2;grid-row:1}
  .task-archive-category-row>.task-archive-bar-track{grid-column:1/-1;grid-row:2}
  .task-archive-category-count small{display:block}
  .task-archive-list-panel>.panel-heading{padding:14px}
}
.task-archive-debug-delete{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:11px;line-height:1.5;padding:6px 9px;border:1px solid #efceca;border-radius:5px;color:#a94438;background:#fff7f5;cursor:pointer;white-space:nowrap}
.task-archive-debug-delete:hover{background:#fbeae6;border-color:#dba49b}
.task-archive-debug-delete:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.task-archive-debug-delete:disabled{opacity:.6;cursor:wait}
.task-archive-debug-delete .btn-spinner{width:11px;height:11px}
.task-archive-excluded{background:#f7f8f8}
.task-archive-excluded>td:not(.task-archive-action-cell),.task-archive-excluded .task-archive-task-details summary,.task-archive-excluded .task-archive-task-description{color:var(--muted);text-decoration:line-through;text-decoration-color:#98a3aa;text-decoration-thickness:1px}
.task-archive-excluded-note{display:block;color:var(--muted);font-size:11px;line-height:1.6}
.task-archive-excluded-note small{display:block;font-size:10px}