/* Our work stays compact; Overview keeps its fuller suggested-focus cards. */
#view-tasks .page-heading{gap:16px;margin-bottom:18px;align-items:flex-end}
#view-tasks .page-heading h1{font-size:42px;line-height:1.12;margin-top:8px}
#view-tasks .page-heading p{margin-top:8px;font-size:13px}
#view-tasks .task-toolbar{gap:14px;margin-bottom:12px}
#view-tasks .work-filter-panel{margin-bottom:14px}
#view-tasks .work-filters{padding:11px 13px;margin-bottom:0}
#view-tasks .date-filters{gap:4px;margin-bottom:10px;padding-bottom:9px}
#view-tasks .work-filters .filter-bar{gap:9px 12px}
#view-tasks .work-filters .filter-bar label{gap:6px}
#view-tasks .work-filters .filter-bar select{font-size:11px;padding:6px 7px}
#view-tasks .board-column{padding:11px 9px 8px}
#view-tasks .column-heading{padding:0 3px 10px}
#view-tasks .board-stack{gap:8px;padding-top:2px}
#view-tasks .board-card{padding:10px;border-radius:6px}
#view-tasks .card-top{gap:6px;margin-bottom:6px}
#view-tasks .card-title{font-size:13px;line-height:1.4}
#view-tasks .card-owner{font-size:10px;padding:2px 5px}
#view-tasks .card-footer{display:flex;align-items:center;flex-wrap:wrap;gap:5px 6px;margin-top:9px;font-size:10px}
#view-tasks .card-area{margin:0;padding:2px 5px;line-height:1.4}
#view-tasks .card-footer .card-due{flex-basis:auto;min-height:0;margin:0;padding:2px 5px;font-size:10px;line-height:1.5;cursor:default}
#view-tasks .card-footer .card-due:hover{text-decoration:none}
.urgency-tag{display:inline-flex;align-items:center;gap:3px;border:1px solid transparent;border-radius:4px;padding:2px 5px;font:700 10px/1.4 var(--sans);white-space:nowrap}
.urgency-low{background:#eef1ed;color:#53675c;border-color:#dfe6e0}
.urgency-normal{background:#eaf0f1;color:#405e67;border-color:#d7e2e4}
.urgency-high{background:#f5ecd9;color:#785714;border-color:#e5d3a9}
.urgency-urgent{background:#f9e0db;color:#9d332a;border-color:#e8b9af}
.area-operations{background:#e6ece2}
#task-list.full-task-list{padding:4px 18px}
#task-list .task-row.is-compact{padding:10px 0;gap:6px 12px;align-items:center}
#task-list .task-row.is-compact .task-meta{gap:5px 8px;margin-top:5px}
#task-list .task-row.is-compact .task-dates{gap:0}
#task-list .task-row.is-compact.is-overdue{padding-left:10px}

@media(min-width:1001px) and (pointer:fine){
  #view-tasks .drag-handle{min-width:24px;min-height:24px;padding:1px 3px;font-size:20px}
  #view-tasks .card-top .person-portrait{width:20px;height:20px}
  #view-tasks .card-footer .card-due{min-height:0}
}

@media(max-width:1000px),(pointer:coarse){
  #view-tasks .page-heading{align-items:flex-start}
  #view-tasks .page-heading h1{font-size:clamp(30px,8vw,39px)}
  #view-tasks .board-card{padding:10px}
  #view-tasks .card-title{min-height:44px;font-size:15px;line-height:1.45}
  #view-tasks .card-top{margin-bottom:4px}
  #view-tasks .card-footer{gap:6px;margin-top:7px}
  #view-tasks .card-footer .card-due{min-height:0;font-size:11px;padding:3px 5px}
  #view-tasks .card-area,#view-tasks .urgency-tag{font-size:10px}
  #task-list .task-row.is-compact{padding:9px 0}
  #task-list .task-row.is-compact .task-title{min-height:44px;display:flex;align-items:center}
}

@media(max-width:690px){
  #view-tasks .page-heading{flex-wrap:wrap;gap:12px}
  #view-tasks #new-task{min-height:44px}
  #view-tasks .task-toolbar{margin-bottom:12px}
  #view-tasks .work-filters{padding:11px}
  #view-tasks .work-filters .filter-bar label{flex:1 1 calc(50% - 6px)}
  #task-list.full-task-list{padding:4px 12px}
  #task-list .task-row.is-compact{grid-template-columns:minmax(0,1fr)}
  #task-list .task-row.is-compact .task-dates{max-width:none;text-align:left;justify-content:start}
}

@media print{
  #view-tasks #new-task,#view-tasks .work-filter-panel{display:none}
  #view-tasks .board-column{height:auto}
}