@media screen and (max-width:768px) {
  .case-row { display:grid; grid-template-columns:22px minmax(0,1fr) auto; gap:10px; align-items:center; }
  .case-row-number { grid-column:1; grid-row:1; min-width:0; }
  .case-row-name { grid-column:2; grid-row:1; min-width:0; }
  .case-row-badge { grid-column:3; grid-row:1; }
  .case-row-progress { grid-column:1 / -1; grid-row:2; display:grid; grid-template-columns:auto minmax(0,1fr); margin:0; }
  .case-row-latest-desc { grid-column:1 / -1; }
  .case-row-count { grid-column:1 / 3; grid-row:3; }
  .case-row-actions { grid-column:3; grid-row:3; width:auto; }
  .case-row-updated { display:none; }
  .case-row-latest-date { white-space:normal; }
  #caseModal .modal-header { flex-wrap:wrap; gap:12px; }
  #caseModal .modal-header > div { min-width:0; }
}