/* Tasks. Only what no existing component provides; rows, badges, fields and
 * filters are all reused as-is. */

/* Overdue is carried by the word "N days late" in the row meta and by sorting
 * to the top. This bar is the third signal, never the only one — design.md.
 *
 * --border-width-accent was added to the ladder for this rule: the accent-bar
 * width was an established 3px repeated at ten call sites and named nowhere.
 * All ten now read the token. */
.row--overdue {
  border-inline-start: var(--border-width-accent) solid var(--color-tone-danger);
}

.row--overdue .row__meta {
  color: var(--color-tone-danger);
  font-weight: var(--weight-medium);
}