.task-summary.kpi-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.task-summary.kpi-stats .kpi-tile__value{font-size:1.1rem}
.task-summary.kpi-stats button.kpi-tile:hover,.task-summary.kpi-stats button.kpi-tile.is-active{background:var(--color-surface-low)}
.task-summary.kpi-stats button.kpi-tile.is-active{box-shadow:inset 0 0 0 1.5px var(--color-border)}
.task-toolbar{display:flex;align-items:end;gap:.75rem;padding:1rem 0 1.5rem;border-bottom:1px solid var(--color-border-subtle)}
.task-toolbar label{display:grid;gap:.3rem;min-width:10rem;color:var(--color-text-muted);font-size:.78rem}.task-toolbar input,.task-toolbar select{min-height:2.5rem}.task-filter-search{display:flex;align-items:end;gap:.75rem;flex:1}.task-filter-search>.app-field{flex:1}.task-filter-fields{display:flex;align-items:end;gap:.75rem}.task-filter-mobile-trigger{display:none}.task-filter-dialog__body{display:grid;gap:var(--space-md)}
.dialog-shell.task-form-dialog{width:min(100%,44rem)}
.task-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.task-form-grid>label{display:grid;gap:.35rem;color:var(--color-text-muted);font-size:.82rem}.task-form-description{grid-column:1/-1}.task-form-description textarea{min-height:6rem}
.task-group{margin-top:1.75rem}.task-group>header{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.task-group h2{font:600 1.1rem var(--font-editorial);margin:0}.task-group>header span{display:grid;place-items:center;min-width:1.6rem;height:1.6rem;border-radius:999px;background:var(--color-neutral-subtle);font-size:.75rem}
.task-list{overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-container);background:var(--color-surface-lowest)}
.task-row{display:grid;grid-template-columns:1.25rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--color-border-subtle)}.task-row:last-child{border-bottom:0}.task-row:hover{background:var(--color-surface-low)}
.task-check{display:grid;place-items:center;min-height:1.25rem;min-width:1.25rem;padding:0;color:var(--color-on-primary);cursor:pointer}.task-row.is-completed .task-check{background:var(--color-primary);border-color:var(--color-primary)}
.task-check:disabled{border-color:var(--color-border);background:var(--color-neutral-subtle);color:var(--color-text-muted);cursor:not-allowed}
.task-main{min-width:0}.task-main>strong{display:block}.task-main>p{margin:.25rem 0;color:var(--color-text-muted);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-row.is-completed .task-main>strong{text-decoration:line-through;color:var(--color-text-muted)}
.task-meta{display:flex;flex-wrap:wrap;gap:.35rem .75rem;margin-top:.35rem;color:var(--color-text-muted);font-size:.75rem}.task-meta span:not(:first-child)::before{content:"•";margin-right:.75rem;color:var(--color-border)}.task-meta .is-overdue{color:var(--color-error);font-weight:700}
.task-priority{padding:.12rem .45rem;border-radius:999px;background:var(--color-neutral-subtle);font-weight:700}.task-priority--high{background:var(--color-secondary-subtle);color:var(--color-on-secondary-subtle)}.task-priority--critical{background:var(--color-error-container);color:var(--color-on-error-container)}.task-priority--low{color:var(--color-text-muted)}
.task-actions{display:flex;gap:.25rem}.task-actions button{padding:.45rem .6rem;border:0;background:transparent;color:var(--color-primary);font-weight:700}.task-actions button:hover{background:var(--color-primary-subtle)}.task-actions button.is-danger{color:var(--color-error)}
@media(max-width:800px){.task-summary.kpi-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.task-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto}.task-toolbar label{min-width:0}.task-filter-search{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-column:1/-1;gap:.5rem}.task-filter-search .app-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.task-filter-fields{display:none}.task-filter-mobile-trigger{position:relative;display:flex;min-height:2.75rem;align-items:center;gap:.4rem;padding:.45rem .7rem;color:var(--color-text);background:var(--color-surface-lowest);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);font:inherit;font-size:.75rem;font-weight:650}.task-filter-mobile-trigger b{position:absolute;top:-.35rem;right:-.35rem;display:grid;place-items:center;min-width:1.15rem;height:1.15rem;padding:0 .2rem;color:white;background:var(--color-primary);border-radius:999px;font-size:.625rem}}
@media(max-width:560px){.task-toolbar{grid-template-columns:1fr}.task-toolbar label:nth-child(2){grid-column:auto}.task-form-grid{grid-template-columns:1fr}.task-main>p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.task-meta span:not(:first-child)::before{display:none}}
.task-toolbar input,.task-toolbar select,.task-form-grid input,.task-form-grid select{min-height:2.75rem}.task-actions button{min-height:2.75rem}

/* Global mobile checklist rule — checkbox matches the shared app-choice__indicator used on the scenario comparison page, same touch target as Dashboard "Fokus terdekat". */
@media(max-width:767px){
  .task-row{grid-template-columns:1.25rem minmax(0,1fr);align-items:flex-start;gap:.875rem;padding:1.25rem}
  .task-check{flex-shrink:0;align-self:flex-start}
  .task-check::before{content:"";position:absolute;inset:-10px}
  .task-main>strong{font-size:1rem;font-weight:600;line-height:1.35}
  .task-actions{grid-column:2;justify-content:flex-start;margin-top:.5rem}
}