:root {
  --tasks-gap: var(--space-3);
  --tasks-form-width: var(--size-600);
  --tasks-table-min-width: var(--size-760);
  --tasks-name-column: 26%;
  --tasks-activity-column: 14%;
  --tasks-trigger-column: 25%;
  --tasks-count-column: 10%;
}

.tasks-index__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: var(--tasks-gap);
  inline-size: 100%;
  margin: 0;
}
.tasks-index__filters > * { min-inline-size: 0; max-inline-size: 100%; }
.tasks-index .index-layout__footer { justify-content: space-between; }
.tasks-index .data-table {
  --table-min-width: var(--tasks-table-min-width);
  --table-primary-column-width: var(--tasks-name-column);
  --table-status-column-width: var(--tasks-activity-column);
  --table-description-column-width: var(--tasks-trigger-column);
  --table-count-column-width: var(--tasks-count-column);
}
.tasks-form { display: grid; gap: var(--tasks-gap); max-inline-size: var(--tasks-form-width); }