.line{
  display:grid;
  grid-template-columns:1fr 0.7fr;
  gap:12px;
  align-items:start;
  margin-bottom:10px;
}
.line .field.sm .text-sm{min-width:180px;}
.group-add{display:flex;gap:6px;margin-top:6px;}
@media (max-width:980px){ .line{grid-template-columns:1fr;} }

/* Rendre les colonnes Regex / Any / All un peu plus compactes */
.cell.compact {
  font-size: 0.92rem;   /* ~ -8% */
  color: #444;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Grille du tableau Flows: #, ID, REGEX (large), ANY, ALL, SUG */
#flowHead,
#flowRows .row {
  display: grid;
  grid-template-columns: 56px 220px minmax(240px, 1fr) 90px 90px 130px;
  align-items: center;
  gap: 8px;
}

#flowRows .cell.compact {
  font-size: 0.92rem;           /* un peu plus petit */
  color: #444;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Regex encore un poil plus lisible */
#flowRows .cell.wide { 
  font-size: 0.98rem;
  color: #333;
}